<html lang="ru"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<script data-ezscrex='false' data-cfasync='false' data-pagespeed-no-defer>var __ez=__ez||{};__ez.stms=Date.now();__ez.evt={};__ez.script={};__ez.ck=__ez.ck||{};__ez.template={};__ez.template.isOrig=false;__ez.queue=function(){var e=0,i=0,t=[],n=!1,o=[],r=[],s=!0,a=function(e,i,n,o,r,s,a){var l=arguments.length>7&&void 0!==arguments[7]?arguments[7]:window,d=this;this.name=e,this.funcName=i,this.parameters=null===n?null:p(n)?n:[n],this.isBlock=o,this.blockedBy=r,this.deleteWhenComplete=s,this.isError=!1,this.isComplete=!1,this.isInitialized=!1,this.proceedIfError=a,this.fWindow=l,this.isTimeDelay=!1,this.process=function(){f("... func = "+e),d.isInitialized=!0,d.isComplete=!0,f("... func.apply: "+e);var i=d.funcName.split("."),n=null,o=this.fWindow||window;i.length>3||(n=3===i.length?o[i[0]][i[1]][i[2]]:2===i.length?o[i[0]][i[1]]:o[d.funcName]),null!=n&&n.apply(null,this.parameters),!0===d.deleteWhenComplete&&delete t[e],!0===d.isBlock&&(f("----- F'D: "+d.name),u())}},l=function(e,i,t,n,o,r,s){var a=arguments.length>7&&void 0!==arguments[7]?arguments[7]:window,l=this;this.name=e,this.path=i,this.async=o,this.defer=r,this.isBlock=t,this.blockedBy=n,this.isInitialized=!1,this.isError=!1,this.isComplete=!1,this.proceedIfError=s,this.fWindow=a,this.isTimeDelay=!1,this.isPath=function(e){return"/"===e[0]&&"/"!==e[1]},this.getSrc=function(e){return void 0!==window.__ezScriptHost&&this.isPath(e)&&"banger.js"!==this.name?window.__ezScriptHost+e:e},this.process=function(){l.isInitialized=!0,f("... file = "+e);var i=this.fWindow?this.fWindow.document:document,t=i.createElement("script");t.src=this.getSrc(this.path),!0===o?t.async=!0:!0===r&&(t.defer=!0),t.onerror=function(){var e={url:window.location.href,name:l.name,path:l.path,user_agent:window.navigator.userAgent};"undefined"!=typeof _ezaq&&(e.pageview_id=_ezaq.page_view_id);var i=encodeURIComponent(JSON.stringify(e)),t=new XMLHttpRequest;t.open("GET","//g.ezoic.net/ezqlog?d="+i,!0),t.send(),f("----- ERR'D: "+l.name),l.isError=!0,!0===l.isBlock&&u()},t.onreadystatechange=t.onload=function(){var e=t.readyState;f("----- F'D: "+l.name),e&&!/loaded|complete/.test(e)||(l.isComplete=!0,!0===l.isBlock&&u())},i.getElementsByTagName("head")[0].appendChild(t)}},d=function(e,i){this.name=e,this.path="",this.async=!1,this.defer=!1,this.isBlock=!1,this.blockedBy=[],this.isInitialized=!0,this.isError=!1,this.isComplete=i,this.proceedIfError=!1,this.isTimeDelay=!1,this.process=function(){}};function c(e){!0!==h(e)&&0!=s&&e.process()}function h(e){if(!0===e.isTimeDelay&&!1===n)return f(e.name+" blocked = TIME DELAY!"),!0;if(p(e.blockedBy))for(var i=0;i<e.blockedBy.length;i++){var o=e.blockedBy[i];if(!1===t.hasOwnProperty(o))return f(e.name+" blocked = "+o),!0;if(!0===e.proceedIfError&&!0===t[o].isError)return!1;if(!1===t[o].isComplete)return f(e.name+" blocked = "+o),!0}return!1}function f(e){var i=window.location.href,t=new RegExp("[?&]ezq=([^&#]*)","i").exec(i);"1"===(t?t[1]:null)&&console.debug(e)}function u(){++e>200||(f("let's go"),m(o),m(r))}function m(e){for(var i in e)if(!1!==e.hasOwnProperty(i)){var t=e[i];!0===t.isComplete||h(t)||!0===t.isInitialized||!0===t.isError?!0===t.isError?f(t.name+": error"):!0===t.isComplete?f(t.name+": complete already"):!0===t.isInitialized&&f(t.name+": initialized already"):t.process()}}function p(e){return"[object Array]"==Object.prototype.toString.call(e)}return window.addEventListener("load",(function(){setTimeout((function(){n=!0,f("TDELAY -----"),u()}),5e3)}),!1),{addFile:function(e,i,n,s,a,d,h,f,u){var m=new l(e,i,n,s,a,d,h,u);!0===f?o[e]=m:r[e]=m,t[e]=m,c(m)},addDelayFile:function(e,i){var n=new l(e,i,!1,[],!1,!1,!0);n.isTimeDelay=!0,f(e+" ...  FILE! TDELAY"),r[e]=n,t[e]=n,c(n)},addFunc:function(e,n,s,l,d,h,f,u,m,p){!0===h&&(e=e+"_"+i++);var w=new a(e,n,s,l,d,f,u,p);!0===m?o[e]=w:r[e]=w,t[e]=w,c(w)},addDelayFunc:function(e,i,n){var o=new a(e,i,n,!1,[],!0,!0);o.isTimeDelay=!0,f(e+" ...  FUNCTION! TDELAY"),r[e]=o,t[e]=o,c(o)},items:t,processAll:u,setallowLoad:function(e){s=e},markLoaded:function(e){if(e&&0!==e.length){if(e in t){var i=t[e];!0===i.isComplete?f(i.name+" "+e+": error loaded duplicate"):(i.isComplete=!0,i.isInitialized=!0)}else t[e]=new d(e,!0);f("markLoaded dummyfile: "+t[e].name)}},logWhatsBlocked:function(){for(var e in t)!1!==t.hasOwnProperty(e)&&h(t[e])}}}();__ez.evt.add=function(e,t,n){e.addEventListener?e.addEventListener(t,n,!1):e.attachEvent?e.attachEvent("on"+t,n):e["on"+t]=n()},__ez.evt.remove=function(e,t,n){e.removeEventListener?e.removeEventListener(t,n,!1):e.detachEvent?e.detachEvent("on"+t,n):delete e["on"+t]};__ez.script.add=function(e){var t=document.createElement("script");t.src=e,t.async=!0,t.type="text/javascript",document.getElementsByTagName("head")[0].appendChild(t)};__ez.dot={};__ez.queue.addFile('/detroitchicago/boise.js', '/detroitchicago/boise.js?gcb=195-2&cb=2', true, [], true, false, true, false);__ez.queue.addFile('/parsonsmaize/abilene.js', '/parsonsmaize/abilene.js?gcb=195-2&cb=28', true, [], true, false, true, false);</script>
<script data-ezscrex="false" type="text/javascript" data-cfasync="false">window._ezaq = Object.assign({}, typeof window._ezaq !== "undefined" ? window._ezaq : {}, {"ad_cache_level":1,"domain_id":173770,"ezcache_level":2,"ezcache_skip_code":0,"has_bad_image":0,"has_bad_words":0,"is_sitespeed":0,"lt_cache_level":0,"page_view_id":"e0b2be0d-f606-440c-6793-005168c6e5a0","response_size_orig":197587,"response_time_orig":6,"template_id":134,"url":"https://plantuml.com/ru-dark/gantt-diagram","word_count":5903,"worst_bad_word_level":0});__ez.queue.markLoaded('ezaqBaseReady');</script>
<script type="text/javascript">(function(){function storageAvailable(type){var storage;try{storage=window[type];var x='__storage_test__';storage.setItem(x,x);storage.removeItem(x);return true;}
catch(e){return e instanceof DOMException&&(e.code===22||e.code===1014||e.name==='QuotaExceededError'||e.name==='NS_ERROR_DOM_QUOTA_REACHED')&&(storage&&storage.length!==0);}}
function remove_ama_config(){if(storageAvailable('localStorage')){localStorage.removeItem("google_ama_config");}}
remove_ama_config()})()</script>
<script type="text/javascript">var ezoicTestActive = true</script>
<script data-ezscrex="false" type="text/javascript" data-cfasync="false">window._ezaq = Object.assign({}, typeof window._ezaq !== "undefined" ? window._ezaq : {}, {"ab_test_id":"mod174-c","ad_cache_level":1,"ad_count_adjustment":0,"ad_lazyload_version":0,"ad_load_version":1,"ad_location_ids":"","adx_ad_count":0,"ai_placeholder_cache_level":1,"ai_placeholder_placement_cnt":-1,"bidder_method":1,"bidder_version":3,"city":"Krasnoyarsk","country":"RU","days_since_last_visit":-1,"display_ad_count":0,"domain_id":173770,"domain_test_group":20230802,"ds_adsize_opt_id":-1,"engaged_time_visit":0,"ezcache_level":2,"ezcache_skip_code":0,"form_factor_id":1,"framework_id":1,"has_bad_image":0,"has_bad_words":0,"iab_category":"","iab_category_0":"596","is_embed":false,"is_from_recommended_pages":false,"is_return_visitor":false,"is_sitespeed":0,"last_page_load":"","last_pageview_id":"","lt_cache_level":0,"max_ads":0,"metro_code":0,"optimization_version":1,"page_ad_positions":"","page_view_count":937,"page_view_id":"e0b2be0d-f606-440c-6793-005168c6e5a0","position_selection_id":0,"postal_code":"660000","pv_event_count":0,"response_size_orig":197587,"response_time_orig":6,"serverid":"i-0898fec445dee9868","state":"KYA","sub_page_ad_positions":"","t_epoch":1697691171,"template_id":134,"time_on_site_visit":0,"url":"https://plantuml.com/ru-dark/gantt-diagram","word_count":5903,"worst_bad_word_level":0});__ez.queue.markLoaded('ezaqReady');</script>
<script data-ezscrex='false' data-cfasync='false' data-pagespeed-no-defer>__ez.queue.addFile('/parsonsmaize/mulvane.js', '/parsonsmaize/mulvane.js?gcb=195-2&cb=5', true, ['/parsonsmaize/abilene.js'], true, false, true, false);__ez.queue.addFile('/parsonsmaize/olathe.js', '/parsonsmaize/olathe.js?gcb=195-2&cb=20', false, ['/parsonsmaize/abilene.js','/parsonsmaize/mulvane.js'], true, false, true, false);__ez.queue.addFile('/porpoiseant/et.js', '/porpoiseant/et.js?gcb=195-2&cb=2', false, [], true, false, true, false);!function(){var e;__ez.vep=(e=[],{Add:function(i,t){__ez.dot.isDefined(i)&&__ez.dot.isValid(t)&&e.push({type:"video",video_impression_id:i,domain_id:__ez.dot.getDID(),t_epoch:__ez.dot.getEpoch(0),data:__ez.dot.dataToStr(t)})},Fire:function(){if(void 0===document.visibilityState||"prerender"!==document.visibilityState){if(__ez.dot.isDefined(e)&&e.length>0)for(;e.length>0;){var i=5;i>e.length&&(i=e.length);var t=e.splice(0,i),o=__ez.dot.getURL("/detroitchicago/grapefruit.gif")+"?orig="+(!0===__ez.template.isOrig?1:0)+"&v="+btoa(JSON.stringify(t));__ez.dot.Fire(o)}e=[]}}})}();</script><script data-ezscrex='false' data-cfasync='false' data-pagespeed-no-defer>!function(){function e(i){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(i)}__ez.pel=function(){var i=[];function t(t,o,d,_,n,r,a,s){if(__ez.dot.isDefined(t)&&0!=__ez.dot.isAnyDefined(t.getSlotElementId,t.ElementId)){void 0===s&&(s=!1);var p=parseInt(__ez.dot.getTargeting(t,"ap")),f=__ez.dot.getSlotIID(t),u=__ez.dot.getAdUnit(t,s),z=parseInt(__ez.dot.getTargeting(t,"compid")),g=0,c=0,l=function(i){if("undefined"==typeof _ezim_d)return!1;var t=__ez.dot.getAdUnitPath(i).split("/").pop();if("object"===("undefined"==typeof _ezim_d?"undefined":e(_ezim_d))&&_ezim_d.hasOwnProperty(t))return _ezim_d[t];for(var o in _ezim_d)if(o.split("/").pop()===t)return _ezim_d[o];return!1}(t);"object"==e(l)&&(void 0!==l.creative_id&&(c=l.creative_id),void 0!==l.line_item_id&&(g=l.line_item_id)),__ez.dot.isDefined(f,u)&&__ez.dot.isValid(o)&&("0"===f&&!0!==s||""===u||i.push({type:"impression",impression_id:f,domain_id:__ez.dot.getDID(),unit:u,t_epoch:__ez.dot.getEpoch(0),revenue:d,est_revenue:_,ad_position:p,ad_size:"",bid_floor_filled:n,bid_floor_prev:r,stat_source_id:a,country_code:__ez.dot.getCC(),pageview_id:__ez.dot.getPageviewId(),comp_id:z,line_item_id:g,creative_id:c,data:__ez.dot.dataToStr(o),is_orig:s||__ez.template.isOrig}))}}function o(){void 0!==document.visibilityState&&"prerender"===document.visibilityState||(__ez.dot.isDefined(i)&&i.length>0&&[i.filter((function(e){return e.is_orig})),i.filter((function(e){return!e.is_orig}))].forEach((function(e){for(;e.length>0;){var i=e[0].is_orig||!1,t=5;t>e.length&&(t=e.length);var o=e.splice(0,t),d=__ez.dot.getURL("/porpoiseant/army.gif")+"?orig="+(!0===i?1:0)+"&sts="+btoa(JSON.stringify(o));(void 0!==window.isAmp&&isAmp||void 0!==window.ezWp&&ezWp)&&void 0!==window._ezaq&&_ezaq.hasOwnProperty("domain_id")&&(d+="&visit_uuid="+_ezaq.visit_uuid),__ez.dot.Fire(d)}})),i=[])}return{Add:t,AddAndFire:function(e,i){t(e,i,0,0,0,0,0),o()},AddAndFireOrig:function(e,i){t(e,i,0,0,0,0,0,!0),o()},AddById:function(e,t,o,d){var _=e.split("/");if(__ez.dot.isDefined(e)&&3===_.length&&__ez.dot.isValid(t)){var n=_[0],r={type:"impression",impression_id:_[2],domain_id:__ez.dot.getDID(),unit:n,t_epoch:__ez.dot.getEpoch(0),pageview_id:__ez.dot.getPageviewId(),data:__ez.dot.dataToStr(t),is_orig:o||__ez.template.isOrig};void 0!==d&&(r.revenue=d),i.push(r)}},Fire:o,GetPixels:function(){return i}}}()}();__ez.queue.addFile('/detroitchicago/raleigh.js', '/detroitchicago/raleigh.js?gcb=195-2&cb=6', false, ['/parsonsmaize/abilene.js'], true, false, true, false);__ez.queue.addFile('/detroitchicago/vista.js', '/detroitchicago/vista.js?gcb=195-2&cb=5', false, ['/parsonsmaize/abilene.js'], true, false, true, false);__ez.queue.addFile('/detroitchicago/tampa.js', '/detroitchicago/tampa.js?gcb=195-2&cb=5', false, ['/parsonsmaize/abilene.js'], true, false, true, false);</script><base href=""/>
<meta name="flattr:id" content="1ew3x0"/>



<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "Organization",
  "url": "https://plantuml.com",
  "name": "PlantUML",
  "sameAs" : ["https://twitter.com/plantuml","https://en.wikipedia.org/wiki/PlantUML","https://www.wikidata.org/wiki/Q18346546"],
  "logo": "https://cdn-0.plantuml.com/logo3.png",
  "contactPoint": [{
    "@type": "ContactPoint",
    "email": "plantuml@gmail.com",
    "url": "https://plantuml.com",
    "contactType": "customer service"
  }]
}
</script>
<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [{
    "@type": "ListItem",
    "position": 1,
    "item": {
      "@id": "https://plantuml.com",
      "name": "Home"
    }
  },{
    "@type": "ListItem",
    "position": 2,
    "item": {
      "@id": "https://plantuml.com/sitemap-language-specification",
      "name": "Language specification"
    }
  },{
    "@type": "ListItem",
    "position": 3,
    "item": {
      "@id": "https://plantuml.com/gantt-diagram",
      "name": "Gantt Diagram"
  }
  }]
}
</script>
<link rel="canonical" href="../ru/gantt-diagram.html"/>
<link rel="alternate" hreflang="x-default" href="../gantt-diagram.html"/>
<link rel="alternate" hreflang="de" href="../de/gantt-diagram.html"/>
<link rel="alternate" hreflang="en" href="../gantt-diagram.html"/>
<link rel="alternate" hreflang="es" href="../es/gantt-diagram.html"/>
<link rel="alternate" hreflang="fr" href="../fr/gantt-diagram.html"/>
<link rel="alternate" hreflang="ja" href="../ja/gantt-diagram.html"/>
<link rel="alternate" hreflang="ru" href="../ru/gantt-diagram.html"/>
<link rel="alternate" hreflang="ko" href="../ko/gantt-diagram.html"/>
<link rel="alternate" hreflang="zh" href="../zh/gantt-diagram.html"/>

<link rel="shortcut icon" href="../favicon.ico"/>

<link rel="preload" as="image" href="../svgrepo-house.svg"/>
<link rel="preload" as="image" href="../svgrepo-text-news.svg"/>
<link rel="preload" as="image" href="../svgrepo-rocket-3-start.svg"/>
<link rel="preload" as="image" href="../svgrepo-server.svg"/>
<link rel="preload" as="image" href="../svgrepo-play.svg"/>
<link rel="preload" as="image" href="../svgrepo-forum.svg"/>
<link rel="preload" as="image" href="../svgrepo-add-to-online-cart.svg"/>
<link rel="preload" as="image" href="../svgrepo-forum-message.svg"/>
<link rel="preload" as="image" href="../svgrepo-palette-fill.svg"/>
<link rel="preload" as="image" href="../svgrepo-cpu.svg"/>
<link rel="preload" as="image" href="../svgrepo-books-library.svg"/>
<link rel="preload" as="image" href="../svgrepo-signpost-fill.svg"/>
<link rel="preload" as="image" href="../svgrepo-library.svg"/>

<link rel="preload" as="image" href="../flags21.png"/>

<link rel="preload" as="image" href="../svgrepo-uxwing-dark-mode-toggle.svg"/>


<!-- link rel="preload" as="image" href="https://img.shields.io/liberapay/patrons/plantuml.svg?logo=liberapay" -->


<title>Gantt Diagram syntax and features</title>
<meta name="description" content="PlantUML Gantt diagram syntax: Gantt diagrams are not fully supported within PlantUML. This is a draft version of the language can be subject to changes."/>

<meta property="og:type" content="article"/>
<meta property="og:title" content="Gantt Diagram syntax and features"/>
<meta property="og:description" content="PlantUML Gantt diagram syntax: Gantt diagrams are not fully supported within PlantUML. This is a draft version of the language can be subject to changes."/>

<meta property="og:url" content="https://plantuml.com/ru/gantt-diagram"/>
<meta property="og:site_name" content="PlantUML.com"/>

<!-- meta property="og:image" content="https://plantuml.com/og-gantt-diagram" -->
<meta name="twitter:image" content="https://plantuml.com/og-gantt-diagram"/>
<meta property="og:locale" content="ru"/>

<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="Gantt Diagram syntax and features"/>
<meta name="twitter:description" content="PlantUML Gantt diagram syntax: Gantt diagrams are not fully supported within PlantUML. This is a draft version of the language can be subject to changes."/>
<meta name="twitter:site" content="@PlantUML"/>
<meta name="twitter:creator" content="@PlantUML"/>





<!-- https://www.w3schools.com/colors/colors_picker.asp -->
<!-- filter css https://codepen.io/sosuke/pen/Pjoqqp -->














<style>
.scale {
}

li {
	margin: 2px;
}
#external li {
	margin: 13px;
}

.pezoic {
  max-width:970px;
}

@media screen and (max-width: 1600px) {
	.pezoic {
	  max-width:768px;
	}
}

.coptable {
	max-width: 90%;
}

.mytab {
	display:inline-block;
	border-radius: 3px;
	border: 1px solid #e1e4e8;
}

.mytab:hover {
	border: 1px dashed #8CB4FF;
	cursor: pointer;
	color: #8CB4FF;
	background: #111111;
}

.cop {
	margin: 25px 10px 0 10px;
	filter: invert(100%);
}
.cop:hover {
	cursor: pointer; 
filter: invert(59%) sepia(81%) saturate(1778%) hue-rotate(164deg) brightness(105%) contrast(103%);
}
.cop2 {
	margin: 25px 10px 0 10px;
}
.cop2:hover {
	cursor: pointer; 
}
.msg {
	position: absolute;
	color:#339966;
	background-color: #FFF;
	margin-top: 55px;
	display:none;
	border-radius: 3px;
	border: 1px solid #4dff00;
}

.mycell0 {
	float: left;
	vertical-align : top;
	padding:10px;
}
.mycell0 code:hover {
	cursor: default; 
	color: #fff;
}

.mycell {
	float: right;
	vertical-align : top;
	padding:10px;
	max-width: 55vw;
	overflow-x: auto;
}

.mycell0 pre {
	max-width: 55vw;
	overflow-x: auto;
}

.cod {
	background: #222222;
	padding: 2px 5px;
	border-radius: 3px;
}
.colo {
	display: inline-block;
	background: #222222;
	padding: 7px 12px;
	border-radius: 3px;
}
.tag,.tagg,.tago,.tagr {
	text-rendering: optimizeLegibility;
	display: inline-block;
	padding: 3px 5px 2px 4px;
	text-decoration: none;
	white-space: nowrap;
	border: 1px solid #999;
	text-transform: uppercase;
	text-align: center;
	border-radius: 3px;
	font-size: 11px;
	font-weight: bold;
	line-height: 90%;
}
.tag {
	background-color: #EEEEEE;
}
.tagg {
	background-color: #98FB98;
}
.tago {
	background-color: #fafa00;
}
.tagr {
	background-color: #FF4500;
}


a {
    text-decoration:none;
    color:#8CB4FF;
}
a:hover {
    text-decoration:underline;
}

.menu1 {
    border: 0;
    font-family: Helvetica,sans-serif;
    font-size: 14px;
    padding: 0;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
	vertical-align: middle;
	line-height: 30px;
}
.menu1 a{
    /*background: #FF0;*/
    text-align:center;
	padding:10px 7px 10px 7px;
    text-decoration:none;
    color:#b0c0d0;
}
.menu1 a:hover{
    color:#8CB4FF;
}
#menu0 {
    top:0;
    z-index: 4;
    margin:0 0 0 10px;
    padding:0;
}

@media screen and (max-width: 1300px) {
	#menu0 {
	visibility: hidden;
	}	
}

.mhov img {
	margin: 0 5px 0 0;
	padding: 0;
}
.mhov:hover {
filter: invert(59%) sepia(81%) saturate(1778%) hue-rotate(164deg) brightness(105%) contrast(103%);
}

#menuside2 {
    border:0;
    font-family:Helvetica,sans-serif;
    font-size:14px;
    padding:20px 0 4px 0;
    margin:0
}
#menuside2 span {
    vertical-align: top;
}
#menuside2 li{
    list-style:none;
    position:relative;
    padding:0;
	margin:10px 20px 10px 10px;
    border:0;
}
#menuside2 li a{
	display: inline-block;
    text-decoration:none;
    color:#b0c0d0;
    width:100%;
}
#menuside2 img {
filter: invert(46%) sepia(13%) saturate(620%) hue-rotate(170deg) brightness(91%) contrast(85%);
}

#BC {
    z-index: 0;
    padding-top: 5px;
    top: 35px;
}

.breadcrumb {
z-index:1;
	font-family:Helvetica,sans-serif;
	font-size:14px;
	text-align: center;
	display: inline-block;
	overflow: hidden;
	border-radius: 5px;
}


.breadcrumb a {
	text-decoration: none;
	outline: none;
	display: block;
	float: left;
	font-size: 12px;
	line-height: 24px;
	color: #373f49;
	padding: 0 10px 0 35px;
	background: #f0f1f1;
	background: linear-gradient(#f0f1f1, #c6d2d2);
	position: relative;
}
.breadcrumb a:first-child {
	padding-left: 21px;
	border-radius: 5px 0 0 5px; /*to match with the parent's radius*/
}
.breadcrumb a:first-child:before {
	left: 14px;
}
.breadcrumb a:last-child {
	visibility: hidden;
}

.breadcrumb a.active, .breadcrumb a:hover{
	color: #0366d6;
	background: #c6d2d2;
	background: linear-gradient(#e3e4e4, #b8c7c7);
}
.breadcrumb a.active:after, .breadcrumb a:hover:after {
	background: #c6d2d2;
	background: linear-gradient(135deg, #e3e4e4, #b8c7c7);
}

.breadcrumb a:after {
	content: '';
	position: absolute;
	top: 0; 
	right: -12px; /*half of square's length*/
	/*same dimension as the line-height of .breadcrumb a */
	width: 24px; 
	height: 24px;
	transform: scale(0.707) rotate(45deg);
	/*we need to prevent the arrows from getting buried under the next link*/
	z-index: 1;
	/*background same as links but the gradient will be rotated to compensate with the transform applied*/
	background: #f0f1f1;
	background: linear-gradient(135deg, #f0f1f1, #c6d2d2);
	/*stylish arrow design using box shadow*/
	box-shadow: 
		2px -2px 0 2px rgba(0,0,0,0.1), 
		3px -3px 0 2px rgba(255,255,255,0.1);
	/*
		5px - for rounded arrows and 
		50px - to prevent hover glitches on the border created using shadows*/
	border-radius: 0 5px 0 50px;
}

/*we dont need an arrow after the last link*/
.breadcrumb a:last-child:after {
	content: none;
	visibility: hidden;
}


.lga,.lga a,.lgi,.lgi a {
	font-family:Helvetica,sans-serif;
	font-size:13px;
	text-align: center;
    color: #fff;
    padding: 0 5px;
    margin: 0;
}
.lga,.lga a {
    background-color: #008;
}
.lgi,.lgi a {
    background-color: #888;
}
.lga:hover,.lga:hover a {
    text-decoration: none;
    color: #BBB;
}
.lgi:hover,.lgi:hover a {
    text-decoration: none;
    color: #CCC;
}

</style>

<style>
.backtop {
	margin:0px 10px;
	filter: invert(100%);
}
.backtop:hover {
	cursor: pointer;
filter: invert(59%) sepia(81%) saturate(1778%) hue-rotate(164deg) brightness(105%) contrast(103%);
}
</style>




<style>
/* Dropdown Button */
.dropbtn {
  padding: 0px;
  border: none;
  background: none;
  filter: invert(100%);
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
  margin: 0 10px;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content img {
vertical-align:middle;
margin: 0 8px 0 1px;
}

/* Links inside the dropdown */
.dropdown-content a {
  font-size: small;
  font-weight: normal;
  color: black;
  padding: 5px 10px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
  background-color: #ddd;
  color: #8CB4FF;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #3e8e41;}
</style>
<style>
#flex1 {
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: row;
	width: 378px;
	height: 100%;
}

#lll {
	flex-grow: 1;
	flex-shrink: 1;
	max-width:162px;
	overflow:hidden;
}

#mmm {
	flex-grow: 0;
	flex-shrink: 0;
	background: #222222;
	width: 210px;
	min-width: 210px;
	max-width: 210px;
	flex-grow: 0;
	flex-shrink: 0;
    border-left: 1px solid #333333;
}

#qqq {
	flex-grow: 0;
	flex-shrink: 0;
	width: 4px;
	min-width: 4px;
	max-width: 4px;
	flex-grow: 0;
	flex-shrink: 0;
}

#rrr {
	flex-grow: 1;
	flex-shrink: 1;
	max-width:162px;
	overflow:hidden;
}

.cde {
	display: flex;
	flex-direction: column;
    justify-content:space-between;
    height: 100%;
}
.cd {
	display: flex;
	flex-direction: column;
    justify-content: space-start;
    height: 100%;
}

.aaa {
	height: 30px;
	min-height: 30px;
	max-height: 30px;
	flex-grow: 0;
	flex-shrink: 0;
	background: #222222;
    border-bottom: 1px solid #333333;
}

.bbb, .bbborder {
	flex-grow: 1;
	flex-shrink: 0;
}

.bbborder {
    border-left: 1px solid #333333;
}


#header {
    z-index: 10;
    position: fixed;
	left: 378px;
	right: 0;
    height: 30px;
    top: 0;
    background: #222222;
    border-bottom: 1px solid #333333;
    
}
#header2 {
    z-index: 7;
    position: fixed;
	left: 378px;
	right: 0;
    height: 10px;
    top: 30px;
    background: #1B1B1B;
}


#left0 {
	top:0;
    position: fixed;
    left: 0;
    margin:0 ;
    bottom: 0;
    width: 378px;
    padding: 0;
    z-index: 2;
    /*background: #F7F;*/
}


#root {
    padding:0;
	margin: 40px 0 0 388px;
    background: #1B1B1B;
}


body {
	margin: auto;
	overflow-x: hidden;
    background: #1B1B1B;
    color: #FFF;
}


@media screen and (max-width: 1190px) {
	#flex1, #left0 {
		width: 215px;
	}
	#root {
		margin: 40px 0 0 224px;
	}
	#header, #header2 {
		left: 215px;
	}
	#left0 {
		left: 0;
	}
	#lll, #rrr {
  		width:0;
		visibility: hidden;
  		flex-grow: 0;
  		flex-shrink: 0;
	}
	
}
@media screen and (max-width: 1010px) {
	#root {
		margin: 0 0 0 216px;
	}
	#header, #header2 {
		display: none;
	}
	#lll, #qqq {
  		width:0;
		visibility: hidden;
  		flex-grow: 0;
  		flex-shrink: 0;
	}
	#mmm {
		    border-right: 1px solid #333333;
	}
	
}

@media screen and (min-width:1700px){
	#header, #header2 {
		left:518px;
	}
	#left0, #flex1{
		width:518px;
	}
	#root{
		margin-left:528px;
	}
	#lll, #rrr {
		max-width:302px;
	}
}


</style>




<script>window.pushMST_config={"vapidPK":"BBodn2vLFoDO5AdCfmOOzNmcUsn52kTA6JNZNYVFymzEdWHonz_bkUcsaTkPXHvNGRkRUSAxMbup-H0l2sb1h_Q","enableOverlay":true,"swPath":"/sw.js","i18n":{}};
  var pushmasterTag = document.createElement('script');
  pushmasterTag.src = "https://cdn.pushmaster-cdn.xyz/scripts/publishers/629f5e297baecc00098a271b/SDK.js";
  pushmasterTag.setAttribute('defer','');

  var firstScriptTag = document.getElementsByTagName('script')[0];
  firstScriptTag.parentNode.insertBefore(pushmasterTag, firstScriptTag);
</script>

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-TKZNNQT9CZ"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-TKZNNQT9CZ');
</script>



<script>
var llg = "ru";
var az=0;
var amdark=1;
function ljs(n) {
	if (az) return false;
    var sc = document.createElement("script");
    sc.type = "text/javascript";
    sc.src = "/btn-"+n+".js";
	document.body.innerHTML = "<i style='position:absolute;top:30%;width:100%;'><center>Loading in progress...";
    document.body.appendChild(sc);
}
function ctc(id) {
document.getElementById('img'+id).classList.remove('cop'); document.getElementById('img'+id).classList.add('cop2');
document.getElementById('pre'+id).style.backgroundColor = '#4dff00';
document.getElementById('msg'+id).style.display = 'inline';

setTimeout(function() { document.getElementById('img'+id).classList.remove('cop2'); document.getElementById('img'+id).classList.add('cop'); document.getElementById('pre'+id).style.backgroundColor = ''; document.getElementById('msg'+id).style.display = 'none';}, 800);      


	text = document.getElementById('pre'+id).innerText;
    if (window.clipboardData && window.clipboardData.setData)
        return window.clipboardData.setData("Text", text);
    else if (document.queryCommandSupported && document.queryCommandSupported("copy")) {
        var ta = document.createElement("textarea");
        ta.textContent = text;
        ta.style.position = "fixed";
        document.body.appendChild(ta);
        ta.select();
        try {
            return document.execCommand("copy");
        }
        catch (ex) {
            return false;
        }
        finally {
            document.body.removeChild(ta);
        }
    }
}
</script>



<script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script type='text/javascript'>
var ezoTemplate = 'pub_site';
var ezouid = '1';
var ezoFormfactor = '1';
</script><script data-ezscrex="false" type='text/javascript'>
var soc_app_id = '0';
var did = 173770;
var ezdomain = 'plantuml.com';
var ezoicSearchable = 1;
</script>
<script data-ezscrex='false' data-pagespeed-no-defer data-cfasync='false'>
function create_ezolpl() {
	var d = new Date();
	d.setTime(d.getTime() + (365*24*60*60*1000));
	var expires = "expires="+d.toUTCString();
	__ez.ck.setByCat("ezux_lpl_173770=" + new Date().getTime() + "|" + _ezaq.page_view_id + "|" + _ezaq.is_return_visitor + "; " + expires, 3);
}
function attach_ezolpl() {
	if (document.readyState === "complete") {
		create_ezolpl();
		return;
	}
	window.addEventListener("load", create_ezolpl);
}

__ez.queue.addFunc("attach_ezolpl", "attach_ezolpl", null, false, ['/detroitchicago/boise.js'], true, false, false, false);
</script></head>
<body>

<div id="left0">

<div id="flex1">


<div id="lll">

<div class="cde">

<!-- c --><div>
</div>

<!-- d --><div>
<!-- Ezoic - Left0 - sidebar -->
<span id="ezoic-pub-ad-placeholder-131"></span><!-- ezoic_pub_ad_placeholder-131-sidebar-120x600-131-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-131-sidebar-160x600-131-nonexxxnonexxxxxxezmaxscaleval100 -->
<!-- End Ezoic - Left0 - sidebar -->
</div>


<!-- e --><div>
</div>

</div><!-- cde -->


</div><!-- lll -->

<div id="mmm">


<div class="cde">

<!-- c --><div>

<!--menu 10-->
<div>



<!-- Ezoic - Menu2L - sidebar -->
<span id="ezoic-pub-ad-placeholder-105"></span><!-- ezoic_pub_ad_placeholder-105-sidebar_middle-120x240-105-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-105-sidebar_middle-125x125-105-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-105-sidebar_middle-180x150-105-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-105-sidebar_middle-200x200-105-nonexxxnonexxxxxxezmaxscaleval100 -->
<!-- End Ezoic - Menu2L - sidebar -->

</div>

<!-- https://stackoverflow.com/questions/22252472/how-to-change-the-color-of-an-svg-element -->
<!-- https://codepen.io/sosuke/pen/Pjoqqp -->


<ul id="menuside2">
<li><a href="index.html" class="mhov"><img src="../svgrepo-house.svg" width="16" height="16"/><span>В начало</span></a></li>
<li><a href="news.html" class="mhov"><img src="../svgrepo-text-news.svg" width="16" height="16"/><span>Что нового ?</span></a></li>
<li><a href="starting.html" class="mhov"><img src="../svgrepo-rocket-3-start.svg" width="16" height="16"/><span>Быстрый старт</span></a></li>
<li><a href="https://www.plantuml.com/plantuml/duml/SyfFKj2rKt3CoKnELR1Io4ZDoSa70000" class="mhov"><img src="../svgrepo-server.svg" width="16" height="16"/><span>Online Server</span></a></li>
<li><a href="running.html" class="mhov"><img src="../svgrepo-play.svg" width="16" height="16"/><span>Запуск</span></a></li>
<li><a href="faq.html" class="mhov"><img src="../svgrepo-forum.svg" width="16" height="16"/><span>F.A.Q.</span></a></li>
<li><a href="download.html" class="mhov"><img src="../svgrepo-add-to-online-cart.svg" width="16" height="16"/><span>Скачать</span></a></li>
<li><a href="../qa.html" class="mhov"><img src="../svgrepo-forum-message.svg" width="16" height="16"/><span>Форум</span></a></li>
<li><a href="theme.html" class="mhov"><img src="../svgrepo-palette-fill.svg" width="16" height="16"/><span>Theme</span></a></li>
<li><a href="preprocessing.html" class="mhov"><img src="../svgrepo-cpu.svg" width="16" height="16"/><span>Препроцессинг</span></a></li>
<li><a href="stdlib.html" class="mhov"><img src="../svgrepo-books-library.svg" width="16" height="16"/><span>Стандартная библиотека</span></a></li>
<li><a href="https://crashedmind.github.io/PlantUMLHitchhikersGuide" class="mhov"><img src="../svgrepo-signpost-fill.svg" width="16" height="16"/><span>Hitchhiker&#39;s Guide</span></a></li>
<li><a href="guide.html" class="mhov"><img src="../svgrepo-library.svg" width="16" height="16"/><span>PDF Guide</span></a></li>
</ul>

<!-- menu 20-->
<div>

<!-- Ezoic - Zmenubottom - sidebar_bottom -->
<span id="ezoic-pub-ad-placeholder-108"></span><!-- ezoic_pub_ad_placeholder-108-sidebar_middle-120x240-108-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-108-sidebar_middle-125x125-108-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-108-sidebar_middle-180x150-108-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-108-sidebar_middle-200x200-108-nonexxxnonexxxxxxezmaxscaleval100 -->
<!-- End Ezoic - Zmenubottom - sidebar_bottom -->

</div>
</div>

<!-- d menu 30 --><div>
</div>


<!-- e menu 40 --><div style="margin-bottom:35px;">

<!-- Ezoic - menu40 - sidebar -->
<span id="ezoic-pub-ad-placeholder-186"></span><!-- ezoic_pub_ad_placeholder-186-sidebar_middle-120x240-186-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-186-sidebar_middle-125x125-186-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-186-sidebar_middle-180x150-186-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-186-sidebar_middle-200x200-186-nonexxxnonexxxxxxezmaxscaleval100 -->
<!-- End Ezoic - menu40 - sidebar -->

</div>

</div><!-- cde -->




</div><!-- mmm -->

<div id="qqq">

<div class="cd">
<div class="aaa"></div>
<div class="bbborder"></div>
</div><!-- cd -->

</div><!-- qqq -->

<div id="rrr">

<div class="cd">
<div class="aaa"></div>

<div style="height:5px;"></div>

<div class="bbb">

<div class="cde">

<!-- c --><div>
</div>

<!-- d --><div>
<!-- Ezoic - Left2 - sidebar -->
<span id="ezoic-pub-ad-placeholder-175"></span><!-- ezoic_pub_ad_placeholder-175-sidebar-120x600-175-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-175-sidebar-160x600-175-nonexxxnonexxxxxxezmaxscaleval100 -->
<!-- End Ezoic - Left2 - sidebar -->
</div>

<!-- e --><div>
</div>

</div><!-- cde -->

</div><!-- bbb -->

</div><!-- cd -->


</div><!-- rrr -->



</div><!-- flex1 -->


</div><!-- left0 -->

<style>
#contmenu {
display: flex;
height: 30px;
width: 100%;
margin: 0;
padding: 0;
}

#contmenua {
height: 30px;
padding-right: 25px;
}

#contmenub {
z-index:15;
display: inline-block;
flex-grow:1;
flex-shrink:1;
height: 30px;
background-color: #222222;
}

#magic {
white-space: nowrap;
overflow: hidden;
z-index: 14;
position: fixed;
top: 0;
right: 50px;
height: 30px;
width: 30px;
}

#magic2 {
white-space: nowrap;
overflow: hidden;
z-index: 16;
position: fixed;
top: 0;
right: 0;
height: 30px;
width: 50px;
background-color: #222222;
}
#magic2 img {
margin: 5px 0 0 5px;
filter: invert(86%) sepia(23%) saturate(200%) hue-rotate(170deg) brightness(86%) contrast(88%);
}
#magic2:hover img {
filter: invert(59%) sepia(81%) saturate(1778%) hue-rotate(164deg) brightness(105%) contrast(103%);
}


#magic:hover #svgrepoleft {
filter: invert(59%) sepia(81%) saturate(1778%) hue-rotate(164deg) brightness(105%) contrast(103%);
}


#magic:hover {
width: 100%;
height: 31px;
}

#aze {
	height: 30px;
	display:flex;
	flex-direction: row-reverse;
}
#aze1 {
	height: 30px;
	background-color: #222222;
}
#aze2 {
	height: 30px;
	background-color: #222222;
	padding-left: 10px;
	border-left: 1px solid #333333;
	border-bottom: 1px solid #333333;
}
#aze1 img {
    filter: invert(72%) sepia(4%) saturate(1039%) hue-rotate(169deg) brightness(108%) contrast(84%);
}
#aze3 {
	width: 3px;
	height: 30px;
	background-color: #222222;
}



</style>

<div id="header">
<div id="contmenu">
<div id="contmenua">
<div class="menu1">
<a href="sequence-diagram.html">последовательност</a>
<a href="use-case-diagram.html">прецедентов</a>
<a href="class-diagram.html">классов</a>
<a href="activity-diagram-beta.html">активности</a>
<a href="component-diagram.html">компонент</a>
<a href="state-diagram.html">состояний</a>
<a href="object-diagram.html">объект</a>
<a href="deployment-diagram.html">развёртывания</a>
<a href="timing-diagram.html">синхронизации</a>

<a href="nwdiag.html">Network</a>
<a href="salt.html">Wireframe</a>
<a href="archimate-diagram.html">Archimate</a>
<a href="gantt-diagram.html">Gantt</a>
<a href="mindmap-diagram.html">MindMap</a>
<a href="wbs-diagram.html">WBS</a>
<a href="json.html">JSON</a>
<a href="yaml.html">YAML</a>

</div>
</div>
<div id="contmenub"></div>
</div><!--contmenu-->
<!-- https://developer.mozilla.org/fr/docs/Web/CSS/position -->
<div id="magic">

	<div id="aze">
		<div id="aze1"><img id="svgrepoleft" width="30" height="30" src="../svgrepo-left.svg"/> </div><!-- aze1 -->
		<div id="aze2">

<div class="menu1">
<a href="sequence-diagram.html">последовательност</a>
<a href="use-case-diagram.html">прецедентов</a>
<a href="class-diagram.html">классов</a>
<a href="activity-diagram-beta.html">активности</a>
<a href="component-diagram.html">компонент</a>
<a href="state-diagram.html">состояний</a>
<a href="object-diagram.html">объект</a>
<a href="deployment-diagram.html">развёртывания</a>
<a href="timing-diagram.html">синхронизации</a>

<a href="nwdiag.html">Network</a>
<a href="salt.html">Wireframe</a>
<a href="archimate-diagram.html">Archimate</a>
<a href="gantt-diagram.html">Gantt</a>
<a href="mindmap-diagram.html">MindMap</a>
<a href="wbs-diagram.html">WBS</a>
<a href="json.html">JSON</a>
<a href="yaml.html">YAML</a>

</div>
			

		</div><!-- aze2 -->
		<div id="aze3"></div><!-- aze3 https://codepen.io/sosuke/pen/Pjoqqp -->
	</div><!-- aze -->


</div><!--magic-->

<div id="magic2">

<a href="../ru/gantt-diagram.html">
<img src="../svgrepo-uxwing-dark-mode-toggle.svg" height="20"/>
</a>


</div><!--magic2-->

</div><!-- header -->
<div id="header2"></div>





<div id="root">

<!-- https://css-tricks.com/snippets/css/a-guide-to-flexbox/ -->

<style>

#haut1 {
	margin:50px 0 20px;
	padding:0;
	min-height:80px;
}

#donate {
	padding-top: 5px;
	min-height:30px;
}

</style>

<div id="haut1">

<!-- c --><div style="float:left;">	
<!-- a simple div with some links -->
<div class="breadcrumb">
<a href="sitemap.html">PlantUML</a>
<a href="https://plantuml.com/ru-dark/sitemap-language-specification">Language specification</a>
<a href="gantt-diagram.html">Gantt Diagram</a>
<a href="gantt-diagram.html#"></a>
</div>


<div id="donate">

 

<a href="https://discord.gg/sXhzexAQGh" style="text-decoration: none;">
<img src="https://img.shields.io/discord/1083727021328306236?color=5865F2&amp;logo=discord&amp;logoColor=white" alt="Discord server"/>
</a>

 

<a href="https://github.com/sponsors/plantuml/" style="text-decoration: none;">
<img src="https://img.shields.io/github/sponsors/plantuml?logo=github"/>
</a>

 

<a href="https://www.patreon.com/bePatron?patAmt=1&amp;u=527450&amp;rid=152970" style="text-decoration: none;">
<img src="https://img.shields.io/badge/patreon-122-chocolate?logo=patreon"/>
</a>

 

<a href="../lp.html" style="text-decoration: none;">
<img src="https://img.shields.io/liberapay/patrons/plantuml?color=gold&amp;logo=liberapay&amp;label=liberapay"/>
</a>

 

<a href="../en/paypal.html" style="text-decoration: none;">
<img src="https://img.shields.io/badge/paypal-296-skyblue?logo=paypal&amp;logoColor=red"/>
</a>

<!--
 

<a href="https://github.com/sponsors/plantuml" style="text-decoration: none;">
<img src="https://img.shields.io/github/sponsors/plantuml?label=github">
</a>

-->
</div> <!-- donate -->
</div><!-- c -->


<!-- e --><div style="float:right; margin:3px 0;">

<!-- https://github.com/joielechong/iso-country-flags-svg-collection -->

<!-- https://www.flaticon.com/packs/international-flags -->
<!-- https://flagicons.lipis.dev/?continent=Europe -->
<!-- https://flagpedia.net/download/icons -->

<!-- https://www.countryflags.io/ -->

<style>
#langlist {
display: flex;
justify-content: space-between;
width: 317px;
height: 16px;
margin: 3px 10px 3px 0;
}

.sel2 {
  border: 2px solid #1B1B1B;
}
.nosel2 {
  border: 2px solid #1B1B1B;
  filter: grayscale(100%) opacity(75%);
}
.sel2:hover, .nosel2:hover {
  cursor: pointer;
  border: 2px solid #8CB4FF;
  border-spacing: 0;
  filter: grayscale(0%);
  filter: contrast(200%);
  filter: brightness(150%);
}
#flag1,#flag2,#flag3,#flag4,#flag5,#flag6,#flag7,#flag8 {
background: url(../flags21.png);
background-repeat: no-repeat;
background-clip: content-box;
width: 22px;
height: 16px;
}
#flag2 {
background-position: -22px 0px;
}
#flag3 {
background-position: -44px 0px;
}
#flag4 {
background-position: -66px 0px;
}
#flag5 {
background-position: -88px 0px;
}
#flag6 {
background-position: -110px 0px;
}
#flag7 {
background-position: -132px 0px;
}
#flag8 {
background-position: -154px 0px;
}
</style>

<div id="langlist">


<div id="flag1" onclick="location.href=&#39;/en-dark/gantt-diagram&#39;" class="nosel2"></div>

<div id="flag2" onclick="location.href=&#39;/de-dark/gantt-diagram&#39;" class="nosel2"></div>


<div id="flag3" onclick="location.href=&#39;/es-dark/gantt-diagram&#39;" class="nosel2"></div>


<div id="flag4" onclick="location.href=&#39;/fr-dark/gantt-diagram&#39;" class="nosel2"></div>


<div id="flag5" onclick="location.href=&#39;/ja-dark/gantt-diagram&#39;" class="nosel2"></div>


<div id="flag6" onclick="location.href=&#39;/ko-dark/gantt-diagram&#39;" class="nosel2"></div>


<div id="flag7" onclick="location.href=&#39;/ru-dark/gantt-diagram&#39;" class="sel2"></div>


<div id="flag8" onclick="location.href=&#39;/zh-dark/gantt-diagram&#39;" class="nosel2"></div>






</div><!-- langlist -->
</div><!-- e -->

</div><!-- haut1 -->


<p>


<style>
#topsticky {
	z-index:2;
	margin: 0 240px 0 0;
}

@media screen and (min-height: 800px) {
#topsticky {
  position:sticky; top: 40px;
}
}

@media screen and (max-width: 1500px) {
#topsticky {
	margin: 0;
}
}

</style>

</p><div id="topsticky">
<!-- Ezoic - under page title -->
<span id="ezoic-pub-ad-placeholder-647"></span><!-- ezoic_pub_ad_placeholder-647-under_page_title-320x100-647-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-647-under_page_title-300x50v2-647-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-647-under_page_title-320x50-647-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-647-under_page_title-468x60-647-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-647-under_page_title-728x90-647-nonexxxnonexxxxxxezmaxscaleval100 -->
<!-- End Ezoic - under page title -->
</div>


<p>


<a style="position:relative;top:-38px;" name="30e26131087df715"></a>
<style>


#toc {
z-index: 2;
position:sticky; top: 40px;
list-style-type: none;
margin: 0;
padding: 0 10px;
}
.chap {
clear:both;
}
#toc ul {
list-style-type: none;
max-height:87vh;
overflow-y: auto;
background: #000000;
border-width: 2px;
border-style: groove;
border-radius: 3px;
border-color: #e1e4e8;
margin: 0;
padding: 0;
}
@media screen and (min-height: 450px) {
#toc ul {max-height:89.5vh;
}
}
@media screen and (min-height: 550px) {
#toc ul {max-height:91.5vh;
}
}
@media screen and (min-height: 700px) {
#toc ul {max-height:93.5vh;
}
}
@media screen and (min-height: 900px) {
#toc ul {max-height:94.5vh;
}
}
#toc li {
margin: 5px 5px 5px 10px;
padding: 0;
}
@media screen and (max-width: 1500px) {
	#toctd {
	display: none;
	}	
	#toc {
	display: none;
	}	
}
</style>

<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tbody><tr valign="top" width="100%">
<td valign="top">
<!--heading--><h1 class="chap"><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ru/gantt-diagram#0"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ru/gantt-diagram#0"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ru/gantt-diagram#0"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>Диаграмма Ганта</h1>
<p></p>
Позволяет создавать диаграммы Ганта используя очень простые предложения (подлежащее - глагол - дополнение) на естественном английском языке.
<p></p>
Примечание: Для того, чтобы календарь выводился на русском языке, необходимо в начале описания диаграммы вставить команду: <code class="cod">language ru</code>, как на примере из следущей главы.
<p></p>
Здесь можно ознакомиться с полезными дополнениями, которые можно использовать в любой из поддерживаемых диаграмм:
<ul>
<li><a href="../commons.html">Общие для всех типов диаграмм элементы</a> (комментарии, заметки, управление размером, заголовок и подписи),</li>
<li><a href="../creole.html">Описание Creole синтаксиса</a>, при помощи которого можно дополнительно форматировать содержимое любых элементов в стиле вики разметки,</li>
<li><a href="../skinparam.html">Конфигурирование стилей отображения элементов</a> при помощи управляющей команды skinparam.</li>
</ul>
<a style="position:relative;top:-38px;" name="3b08270062fb4659"></a>
<div style="clear:both;height:50px;">
</div>
<!--heading--><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ru/gantt-diagram#1"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ru/gantt-diagram#1"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ru/gantt-diagram#1"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>Объявление задач</h2>
<p></p>
Задачи задаются при помощи квадратных скобочек <code class="cod">[ имя задачи ]</code>.
<p></p>
<h3>Длительность</h3>
<p></p>
Длительность задач определяются при помощи английского прилагательного слова <code class="cod">lasts</code> (длится):
<p></p>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg0176beca5bbeae9bdb1d6ac5de1bfd81" class="msg">
🎉 Copied!
</div>
<img width="16" height="16" id="img0176beca5bbeae9bdb1d6ac5de1bfd81" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;0176beca5bbeae9bdb1d6ac5de1bfd81&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;0176beca5bbeae9bdb1d6ac5de1bfd81&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;0176beca5bbeae9bdb1d6ac5de1bfd81&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre0176beca5bbeae9bdb1d6ac5de1bfd81">@startgantt
language ru
[Разработка прототипа] lasts 15 days
[Тест прототипа] lasts 10 days
-- Остальные примеры --
[Задача 1 (1 день)] lasts 1 day
[T2 (5 дней)] lasts 5 days
[T3 (1 неделя)] lasts 1 week
[T4 (1 неделя и 4 дня)] lasts 1 week and 4 days
[T5 (2 недели)] lasts 2 weeks
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="241" height="191" class="scale" src="../imgw/dark-0176beca5bbeae9bdb1d6ac5de1bfd81.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
Неделя засчитывается по количеству рабочих дней в ней. Таким образом, если вы укажете субботу и воскресенье как выходные, то неделя будет эквивалентна 5 дням.
<p></p>
<h3>Начало</h3>
<p></p>
Начало задач определяются при помощи английского прилагательного слова <code class="cod">starts</code> (начинается):
<p></p>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg70395e5df7dfcc44005fad93e8abaeb4" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="img70395e5df7dfcc44005fad93e8abaeb4" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;70395e5df7dfcc44005fad93e8abaeb4&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;70395e5df7dfcc44005fad93e8abaeb4&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;70395e5df7dfcc44005fad93e8abaeb4&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre70395e5df7dfcc44005fad93e8abaeb4">@startgantt

language ru

[Разработка прототипа] lasts 15 days
[Тест прототипа] lasts 10 days

Project starts 2020-07-01
[Разработка прототипа] starts 2020-07-01
[Тест прототипа] starts 2020-07-16
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="401" height="115" class="scale" src="../imgw/dark-70395e5df7dfcc44005fad93e8abaeb4.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
<h3>Конец</h3>
<p></p>
Конец задач определяется при помощи английского прилагательного слова <code class="cod">ends</code> (заканчивается):
<p></p>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg33834b6ac12ee5c7d9b16bbc4f7e39e7" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="img33834b6ac12ee5c7d9b16bbc4f7e39e7" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;33834b6ac12ee5c7d9b16bbc4f7e39e7&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;33834b6ac12ee5c7d9b16bbc4f7e39e7&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;33834b6ac12ee5c7d9b16bbc4f7e39e7&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre33834b6ac12ee5c7d9b16bbc4f7e39e7">@startgantt

language ru

[Разработка прототипа] lasts 15 days
[Тест прототипа] lasts 10 days

Project starts 2020-07-01
[Разработка прототипа] ends 2020-07-15
[Тест прототипа] ends 2020-07-25

@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="401" height="115" class="scale" src="../imgw/dark-33834b6ac12ee5c7d9b16bbc4f7e39e7.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
<h3>Начало/Конец</h3>
<p></p>
Можно жестко задать даты начала и конца для задач:
<p></p>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msgf2ed9658f2ee39d2074c205a654602d9" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="imgf2ed9658f2ee39d2074c205a654602d9" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;f2ed9658f2ee39d2074c205a654602d9&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;f2ed9658f2ee39d2074c205a654602d9&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;f2ed9658f2ee39d2074c205a654602d9&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pref2ed9658f2ee39d2074c205a654602d9">@startgantt

language ru

Project starts 2020-07-01
[Разработка прототипа] starts 2020-07-01
[Тест прототипа] starts 2020-07-16
[Разработка прототипа] ends 2020-07-15
[Тест прототипа] ends 2020-07-25

@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="401" height="115" class="scale" src="../imgw/dark-f2ed9658f2ee39d2074c205a654602d9.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
<center><div class="tago">WARNING</div> <b>This translation need to be updated.</b> <div class="tago">WARNING</div></center>
<a style="position:relative;top:-38px;" name="9190f5166fb2bbbd"></a>
<div style="clear:both;min-height:110px;margin-top:10px;">

<div class="pezoic">
<!-- Ezoic - Fish0 - under_second_paragraph -->
<span id="ezoic-pub-ad-placeholder-179"></span><!-- ezoic_pub_ad_placeholder-179-under_second_paragraph-234x60-179-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-179-under_second_paragraph-468x60-179-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-179-under_second_paragraph-728x90-179-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-179-under_second_paragraph-970x90-179-nonexxxnonexxxxxxezmaxscaleval100 -->
<!-- End Ezoic - Fish0 - under_second_paragraph -->
</div>

</div>
<!--heading--><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ru/gantt-diagram#2"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ru/gantt-diagram#2"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ru/gantt-diagram#2"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>Определение даты начала и конца задачи в одной линии</h2>
<p></p>
Можно в одной строчке сразу указать даты начала и конца задачи при помощи объединяющего слова <code class="cod">and</code> (и).
<p></p>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg8a20ffecbdd17f655fc385cb84e06f49" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="img8a20ffecbdd17f655fc385cb84e06f49" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;8a20ffecbdd17f655fc385cb84e06f49&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;8a20ffecbdd17f655fc385cb84e06f49&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;8a20ffecbdd17f655fc385cb84e06f49&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre8a20ffecbdd17f655fc385cb84e06f49">@startgantt
language ru
Project starts 2020-07-01
[Разработка прототипа] starts 2020-07-01 and ends 2020-07-15
[Тест прототипа] starts 2020-07-16 and lasts 10 days
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="401" height="115" class="scale" src="../imgw/dark-8a20ffecbdd17f655fc385cb84e06f49.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
<a style="position:relative;top:-38px;" name="1e57c8ef5f923554"></a>
</p><div style="clear:both;height:50px;">
</div>
<!--heading--><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ru/gantt-diagram#3"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ru/gantt-diagram#3"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ru/gantt-diagram#3"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>Добавление зависимостей</h2>
<p></p>
Можно установить зависимость одной задачи от другой.
<p></p>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg992c8ade2658a18e2ee8f296a9073ae3" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="img992c8ade2658a18e2ee8f296a9073ae3" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;992c8ade2658a18e2ee8f296a9073ae3&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;992c8ade2658a18e2ee8f296a9073ae3&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;992c8ade2658a18e2ee8f296a9073ae3&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre992c8ade2658a18e2ee8f296a9073ae3">@startgantt
[Разработка прототипа] lasts 15 days
[Тестирование прототипа] lasts 15 days
[Тестирование прототипа] starts at [Разработка прототипа]&#39;s end
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="481" height="68" class="scale" src="../imgw/dark-992c8ade2658a18e2ee8f296a9073ae3.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg94bdffeb65b053b9196e923a3e4a316e" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="img94bdffeb65b053b9196e923a3e4a316e" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;94bdffeb65b053b9196e923a3e4a316e&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;94bdffeb65b053b9196e923a3e4a316e&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;94bdffeb65b053b9196e923a3e4a316e&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre94bdffeb65b053b9196e923a3e4a316e">@startgantt
[Разработка прототипа] lasts 10 days
[Кодирование прототипа] lasts 15 days
[Написание тестов] lasts 10 days
[Кодирование прототипа] starts at [Разработка прототипа]&#39;s end
[Написание тестов] starts at [Кодирование прототипа]&#39;s start
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="401" height="86" class="scale" src="../imgw/dark-94bdffeb65b053b9196e923a3e4a316e.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
<a style="position:relative;top:-38px;" name="53938f2731e4563e"></a>
</p><div style="clear:both;min-height:110px;margin-top:10px;">


<div class="pezoic">
<!-- Ezoic - Fish1 - mid_content -->
<span id="ezoic-pub-ad-placeholder-114"></span><!-- ezoic_pub_ad_placeholder-114-mid_content-234x60-114-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-114-mid_content-468x60-114-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-114-mid_content-728x90-114-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-114-mid_content-970x90-114-nonexxxnonexxxxxxezmaxscaleval100 -->
<!-- End Ezoic - Fish1 - mid_content -->
</div>

</div>
<!--heading--><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ru/gantt-diagram#4"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ru/gantt-diagram#4"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ru/gantt-diagram#4"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>Короткие имена</h2>
<p></p>
Можно определить дополнительное короткое имя для задачи, чтобы затем ссылаться на задачу по этому короткому имени. Для этого нужно использовать ключевое слово <code class="cod">as</code>. Короткие имена также могут быть написаны на русском.
<p></p>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg5e239db51efcc013cac0281529d8c3a5" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="img5e239db51efcc013cac0281529d8c3a5" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;5e239db51efcc013cac0281529d8c3a5&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;5e239db51efcc013cac0281529d8c3a5&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;5e239db51efcc013cac0281529d8c3a5&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre5e239db51efcc013cac0281529d8c3a5">@startgantt
[Разработка прототипа] as [РП] lasts 15 days
[Тест прототипа] as [Т] lasts 10 days
[Т] starts at [РП]&#39;s end
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="401" height="68" class="scale" src="../imgw/dark-5e239db51efcc013cac0281529d8c3a5.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
<a style="position:relative;top:-38px;" name="13f8a7db2ec82b45"></a>
</p><div style="clear:both;height:50px;">
</div>
<!--heading--><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ru/gantt-diagram#5"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ru/gantt-diagram#5"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ru/gantt-diagram#5"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>Изменение цветов</h2>
<p></p>
Можно задавать различные <a href="https://plantuml.com/ru-dark/color">цвета</a> для задач используя ключевую фразу <code class="cod">is colored in</code>.
<p></p>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg90cf5f7cd2322308be22b48bd8eb89ca" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="img90cf5f7cd2322308be22b48bd8eb89ca" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;90cf5f7cd2322308be22b48bd8eb89ca&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;90cf5f7cd2322308be22b48bd8eb89ca&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;90cf5f7cd2322308be22b48bd8eb89ca&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre90cf5f7cd2322308be22b48bd8eb89ca">@startgantt
[Разработка прототипа] lasts 10 days
[Тест прототипа] lasts 7 days
[Тест прототипа] starts at [Разработка прототипа]&#39;s end
[Разработка прототипа] is colored in Fuchsia/FireBrick
[Тест прототипа] is colored in GreenYellow/Green
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="273" height="68" class="scale" src="../imgw/dark-90cf5f7cd2322308be22b48bd8eb89ca.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
<a style="position:relative;top:-38px;" name="d04b7d63a47f1eba"></a>
</p><div style="clear:both;min-height:110px;margin-top:10px;">

<div class="pezoic">
<!-- Ezoic - Fish2 - long_content -->
<span id="ezoic-pub-ad-placeholder-115"></span><!-- ezoic_pub_ad_placeholder-115-long_content-234x60-115-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-115-long_content-468x60-115-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-115-long_content-728x90-115-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-115-long_content-970x90-115-nonexxxnonexxxxxxezmaxscaleval100 -->
<!-- End Ezoic - Fish2 - long_content -->
</div>

</div>
<!--heading--><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ru/gantt-diagram#6"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ru/gantt-diagram#6"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ru/gantt-diagram#6"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>Процент выполнения</h2>
<p></p>
Можно задать статус выполнения задачи в процентах. Для этого нужно использовать конструкцию <code class="cod">is значение% completed</code> (выполнено на значение%). Это можно сделать как в отдельной строке, так и сразу вместе с остальными определениями используя ключевое слово <code class="cod">and</code> (и).
<p></p>
<h3>Добавление процента зависимости завершения</h3>
Вы можете установить статус завершения задания с помощью команды:
<ul>
<li><code class="cod">is xx% completed</code></li>
<li><code class="cod">is xx% complete</code> </li>
</ul>
<p></p>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg5532887bc6935d2e3e1884a3c5ca5559" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="img5532887bc6935d2e3e1884a3c5ca5559" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;5532887bc6935d2e3e1884a3c5ca5559&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;5532887bc6935d2e3e1884a3c5ca5559&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;5532887bc6935d2e3e1884a3c5ca5559&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre5532887bc6935d2e3e1884a3c5ca5559">@startgantt
[foo] lasts 21 days
[foo] is 40% completed
[bar] lasts 30 days and is 10% complete
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="481" height="68" class="scale" src="../imgw/dark-5532887bc6935d2e3e1884a3c5ca5559.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
<h3>Изменить цвет завершения (по стилю)</h3>
<p></p>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg449dd9197a669bce43be3cb60f1afc50" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="img449dd9197a669bce43be3cb60f1afc50" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;449dd9197a669bce43be3cb60f1afc50&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;449dd9197a669bce43be3cb60f1afc50&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;449dd9197a669bce43be3cb60f1afc50&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre449dd9197a669bce43be3cb60f1afc50">@startgantt

&lt;style&gt;
ganttDiagram {
  task {
    BackGroundColor GreenYellow
    LineColor Green 
    unstarted {
      BackGroundColor Fuchsia 
      LineColor FireBrick
    }
  }
}
&lt;/style&gt;

[Prototype design] lasts 7 days
[Test prototype 0] lasts 4 days
[Test prototype 10] lasts 4 days
[Test prototype 20] lasts 4 days
[Test prototype 30] lasts 4 days
[Test prototype 40] lasts 4 days
[Test prototype 50] lasts 4 days
[Test prototype 60] lasts 4 days
[Test prototype 70] lasts 4 days
[Test prototype 80] lasts 4 days
[Test prototype 90] lasts 4 days
[Test prototype 100] lasts 4 days

[Test prototype 0] starts at [Prototype design]&#39;s end
[Test prototype 10] starts at [Prototype design]&#39;s end
[Test prototype 20] starts at [Prototype design]&#39;s end
[Test prototype 30] starts at [Prototype design]&#39;s end
[Test prototype 40] starts at [Prototype design]&#39;s end
[Test prototype 50] starts at [Prototype design]&#39;s end
[Test prototype 60] starts at [Prototype design]&#39;s end
[Test prototype 70] starts at [Prototype design]&#39;s end
[Test prototype 80] starts at [Prototype design]&#39;s end
[Test prototype 90] starts at [Prototype design]&#39;s end
[Test prototype 100] starts at [Prototype design]&#39;s end

[Test prototype 0] is 0% complete
[Test prototype 10] is 10% complete
[Test prototype 20] is 20% complete
[Test prototype 30] is 30% complete
[Test prototype 40] is 40% complete
[Test prototype 50] is 50% complete
[Test prototype 60] is 60% complete
[Test prototype 70] is 70% complete
[Test prototype 80] is 80% complete
[Test prototype 90] is 90% complete
[Test prototype 100] is 100% complete

@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="270" height="247" class="scale" src="../imgw/dark-449dd9197a669bce43be3cb60f1afc50.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
<em>[ссылка на <a href="https://forum.plantuml.net/8297/plant-gantt-diagram-persentage-completed-determines-color?show=14324#c14324">QA-8297</a>]</em>
<a style="position:relative;top:-38px;" name="e9c626b8a8b62de7"></a>
<div style="clear:both;height:50px;">
</div>
<!--heading--><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ru/gantt-diagram#7"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ru/gantt-diagram#7"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ru/gantt-diagram#7"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>Этапы</h2>
<p></p>
Можно определять этапы используя английское прилагательное слово <code class="cod">happen</code> (случаться).
<p></p>
<h3>Этап, привязанный к завершению опредленной задачи</h3>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg83b78f0c767da81841ecf418c9c00f19" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="img83b78f0c767da81841ecf418c9c00f19" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;83b78f0c767da81841ecf418c9c00f19&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;83b78f0c767da81841ecf418c9c00f19&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;83b78f0c767da81841ecf418c9c00f19&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre83b78f0c767da81841ecf418c9c00f19">@startgantt
[Тест прототипа] lasts 10 days
[Прототип готов] happens at [Тест прототипа]&#39;s end
[Настройка сборочной линии] lasts 12 days
[Настройка сборочной линии] starts at [Тест прототипа]&#39;s end
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="353" height="86" class="scale" src="../imgw/dark-83b78f0c767da81841ecf418c9c00f19.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
<h3>Этап, привязанный к определенной дате</h3>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msgadb766f07f195a6ed13e355e298a150e" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="imgadb766f07f195a6ed13e355e298a150e" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;adb766f07f195a6ed13e355e298a150e&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;adb766f07f195a6ed13e355e298a150e&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;adb766f07f195a6ed13e355e298a150e&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="preadb766f07f195a6ed13e355e298a150e">@startgantt
language ru
Project starts 2020-07-01
[Тест прототипа] lasts 10 days
[Прототип готов] happens 2020-07-10
[Настройка сборочной линии] lasts 12 days
[Настройка сборочной линии] starts at [Тест прототипа]&#39;s end
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="353" height="133" class="scale" src="../imgw/dark-adb766f07f195a6ed13e355e298a150e.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
<p></p>
<h3>Этап, привязанный к завершению нескольких задач</h3>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msgf0e117c249db2c57f530396933df3c89" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="imgf0e117c249db2c57f530396933df3c89" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;f0e117c249db2c57f530396933df3c89&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;f0e117c249db2c57f530396933df3c89&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;f0e117c249db2c57f530396933df3c89&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pref0e117c249db2c57f530396933df3c89">@startgantt
[Задача1] lasts 4 days
then [Задача1.1] lasts 5 days
[Задача1.2] starts at [Задача1]&#39;s end and lasts 7 days

[Задача2] lasts 5 days
then [Задача2.1] lasts 5 days

[Всё выполнено] happens at [Задача1.1]&#39;s end
[Всё выполнено] happens at [Задача1.2]&#39;s end
[Всё выполнено] happens at [Задача2.1]&#39;s end

@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="256" height="140" class="scale" src="../imgw/dark-f0e117c249db2c57f530396933df3c89.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
<em>[Ref. <a href="https://forum.plantuml.net/10764/gantt-multiple-tasks-as-prerequisite-for-a-milestone">QA-10764</a>]</em>
<a style="position:relative;top:-38px;" name="4026bdc02b3c0aad"></a>
</p><div style="clear:both;min-height:110px;margin-top:10px;">

<div class="pezoic">
<!-- Ezoic - Fish3 - longer_content -->
<span id="ezoic-pub-ad-placeholder-116"></span><!-- ezoic_pub_ad_placeholder-116-longer_content-234x60-116-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-116-longer_content-468x60-116-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-116-longer_content-728x90-116-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-116-longer_content-970x90-116-nonexxxnonexxxxxxezmaxscaleval100 -->
<!-- End Ezoic - Fish3 - longer_content -->
</div>

</div>
<!--heading--><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ru/gantt-diagram#8"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ru/gantt-diagram#8"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ru/gantt-diagram#8"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>Гиперссылки</h2>
<p></p>
К задаче можно добавить гиперссылку на определенный web адрес при помощи двойных вадратных скобочек <code class="cod">[[ ссылка ]]</code>.
<p></p>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msgcdea5c913b570283b1ff09f8fb01d304" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="imgcdea5c913b570283b1ff09f8fb01d304" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;cdea5c913b570283b1ff09f8fb01d304&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;cdea5c913b570283b1ff09f8fb01d304&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;cdea5c913b570283b1ff09f8fb01d304&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="precdea5c913b570283b1ff09f8fb01d304">@startgantt
[Задача1] lasts 10 days
[Задача1] links to [[http://plantuml.com]]
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="161" height="50" class="scale" src="../imgw/dark-cdea5c913b570283b1ff09f8fb01d304.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
<a style="position:relative;top:-38px;" name="8ff922bbcd8ad41c"></a>
</p><div style="clear:both;height:50px;">
</div>
<!--heading--><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ru/gantt-diagram#9"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ru/gantt-diagram#9"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ru/gantt-diagram#9"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>Календарь</h2>
<p></p>
Можно определить начальную дату для всей диаграммы. Тогда по умолчанию первая задача будет начинаться с этой даты.
<p></p>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg8b970726688d6c2e87675cbaade6164e" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="img8b970726688d6c2e87675cbaade6164e" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;8b970726688d6c2e87675cbaade6164e&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;8b970726688d6c2e87675cbaade6164e&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;8b970726688d6c2e87675cbaade6164e&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre8b970726688d6c2e87675cbaade6164e">@startgantt
language ru
Project starts the 20th of september 2017
[Разработка прототипа] as [TASK1] lasts 13 days
[TASK1] is colored in Lavender/LightBlue
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="209" height="97" class="scale" src="../imgw/dark-8b970726688d6c2e87675cbaade6164e.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
<a style="position:relative;top:-38px;" name="6e694f36e9b0b49d"></a>
</p><div style="clear:both;min-height:110px;margin-top:10px;">

<div class="pezoic">
<!-- Ezoic - Fish4 - longest_content -->
<span id="ezoic-pub-ad-placeholder-117"></span><!-- ezoic_pub_ad_placeholder-117-longest_content-234x60-117-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-117-longest_content-468x60-117-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-117-longest_content-728x90-117-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-117-longest_content-970x90-117-nonexxxnonexxxxxxezmaxscaleval100 -->
<!-- End Ezoic - Fish4 - longest_content -->
</div>

</div>
<!--heading--><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ru/gantt-diagram#10"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ru/gantt-diagram#10"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ru/gantt-diagram#10"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>Coloring days</h2>
<p></p>
Можно задать свой <a href="https://plantuml.com/ru-dark/color">цвет</a> для определенных дней.
Это делается при помощи конструкций:
<ul>
<li><code class="cod">ДАТА is colored in ЦВЕТ</code> для какой-то конкретной даты.</li>
</ul>
или
<ul>
<li><code class="cod">ДатаНачала to ДатаКонца are colored in ЦВЕТ</code> для диапазона дат.</li>
</ul>
<p></p>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg977d2641205785c7ece7f2544582e242" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="img977d2641205785c7ece7f2544582e242" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;977d2641205785c7ece7f2544582e242&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;977d2641205785c7ece7f2544582e242&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;977d2641205785c7ece7f2544582e242&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre977d2641205785c7ece7f2544582e242">@startgantt
Project starts the 2020/09/01 
language ru

2020/09/07 is colored in salmon
2020/09/13 to 2020/09/16 are colored in lightblue

[Разработка прототипа] as [TASK1] lasts 22 days
[TASK1] is colored in Lavender/LightBlue
[Прототип готов] happens at [TASK1]&#39;s end
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="434" height="115" class="scale" src="../imgw/dark-977d2641205785c7ece7f2544582e242.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
<a style="position:relative;top:-38px;" name="5543b277d72b0bac"></a>
</p><div style="clear:both;height:50px;">
</div>
<!--heading--><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ru/gantt-diagram#11"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ru/gantt-diagram#11"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ru/gantt-diagram#11"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>Установка детализации диаграммы</h2>
<p></p>
Можно изменить детализацию (разрешение) для очень больших диаграмм, при помощи использования либого из трех ключевых слов (их действие идентичны):
<ul>
<li>printscale</li>
<li>ganttscale</li>
<li>projectscale</li>
</ul>
указав после такого слова один из пяти параметров:
<ul>
<li>daily (по дням) <em>(по умолчанию)</em></li>
<li>weekly (по неделям)</li>
<li>monthly (по месяцам)</li>
<li>quarterly (по кварталам)</li>
<li>yearly (по годам)</li>
</ul>
<p></p>
<em>(See <a href="https://forum.plantuml.net/11272/gantt-keyword-printscale-should-replaced-with-projectscale?show=11274#a11274">QA-11272</a>, <a href="https://forum.plantuml.net/9041/gantt-improvement?show=10699#a10699">QA-9041</a> and <a href="https://forum.plantuml.net/10948/gantt-printscale-weekly?show=10949#a10949">QA-10948</a>)</em>
<p></p>
<h3>Daily (по дням) <em>(по умолчанию)</em></h3>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msgc9a4fb55292e2418f18b8907ef4c7f37" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="imgc9a4fb55292e2418f18b8907ef4c7f37" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;c9a4fb55292e2418f18b8907ef4c7f37&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;c9a4fb55292e2418f18b8907ef4c7f37&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;c9a4fb55292e2418f18b8907ef4c7f37&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="prec9a4fb55292e2418f18b8907ef4c7f37">@startgantt
language ru

&#39; указываем, что суббота выходной
saturday are closed
&#39; указываем, что воскресенье тоже выходной
sunday are closed

Project starts the 1st of january 2021
[Разработка прототипа] as [TASK1] lasts 19 days
[TASK1] is colored in Lavender/LightBlue
[Тестирование] lasts 14 days
[TASK1]-&gt;[Тестирование]

2021-01-18 to 2021-01-22 are named [Приёмка]
2021-01-18 to 2021-01-22 are colored in salmon 
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="753" height="131" class="scale" src="../imgw/dark-c9a4fb55292e2418f18b8907ef4c7f37.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
<h3>Weekly (по неделям)</h3>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msge1e55ce0b1d9956b26c1d42c35ce44b3" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="imge1e55ce0b1d9956b26c1d42c35ce44b3" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;e1e55ce0b1d9956b26c1d42c35ce44b3&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;e1e55ce0b1d9956b26c1d42c35ce44b3&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;e1e55ce0b1d9956b26c1d42c35ce44b3&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pree1e55ce0b1d9956b26c1d42c35ce44b3">@startgantt
language ru

printscale weekly
&#39; указываем, что суббота выходной
saturday are closed
&#39; указываем, что воскресенье тоже выходной
sunday are closed

Project starts the 1st of september 2020
[Разработка прототипа] as [TASK1] lasts 130 days
[TASK1] is colored in Lavender/LightBlue
[Тестирование] lasts 20 days
[TASK1]-&gt;[Тестирование]

2021-01-20 to 2021-01-30 are named [Приёмка]
2021-01-20 to 2021-01-30 are colored in salmon 
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="841" height="81" class="scale" src="../imgw/dark-e1e55ce0b1d9956b26c1d42c35ce44b3.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
<h3>Monthly (по месяцам)</h3>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg2ae5ff2428ef626f67d71d8f5c52f08d" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="img2ae5ff2428ef626f67d71d8f5c52f08d" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;2ae5ff2428ef626f67d71d8f5c52f08d&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;2ae5ff2428ef626f67d71d8f5c52f08d&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;2ae5ff2428ef626f67d71d8f5c52f08d&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre2ae5ff2428ef626f67d71d8f5c52f08d">@startgantt
language ru

projectscale monthly
Project starts the 20th of september 2020
[Разработка прототипа] as [TASK1] lasts 130 days
[TASK1] is colored in Lavender/LightBlue
[Тестирование] lasts 20 days
[TASK1]-&gt;[Тестирование]

2021-01-18 to 2021-01-22 are named [Приёмка]
2021-01-18 to 2021-01-22 are colored in salmon 
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="236" height="96" class="scale" src="../imgw/dark-2ae5ff2428ef626f67d71d8f5c52f08d.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
<p></p>
<h3>Quarterly (по кварталам)</h3>
<p></p>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msgbf7b96736f7b31e3b4b41843dfeb00e5" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="imgbf7b96736f7b31e3b4b41843dfeb00e5" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;bf7b96736f7b31e3b4b41843dfeb00e5&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;bf7b96736f7b31e3b4b41843dfeb00e5&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;bf7b96736f7b31e3b4b41843dfeb00e5&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="prebf7b96736f7b31e3b4b41843dfeb00e5">@startgantt
projectscale quarterly
Project starts the 1st of october 2020
[Разработка прототипа] as [TASK1] lasts 700 days
[TASK1] is colored in Lavender/LightBlue
[Тестирование] lasts 300 days
[TASK1]-&gt;[Тестирование]

2022-01-18 to 2022-03-22 are colored in salmon 
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="401" height="96" class="scale" src="../imgw/dark-bf7b96736f7b31e3b4b41843dfeb00e5.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
<h3>Yearly (по годам)</h3>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg24dad84a77187b0e4e6a3f6210f76c96" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="img24dad84a77187b0e4e6a3f6210f76c96" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;24dad84a77187b0e4e6a3f6210f76c96&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;24dad84a77187b0e4e6a3f6210f76c96&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;24dad84a77187b0e4e6a3f6210f76c96&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre24dad84a77187b0e4e6a3f6210f76c96">@startgantt
language ru

projectscale yearly
Project starts the 1st of october 2020
[Разработка прототипа] as [TASK1] lasts 700 days
[TASK1] is colored in Lavender/LightBlue
[Тестирование] lasts 300 days
[TASK1]-&gt;[Тестирование]

2022-01-18 to 2022-03-22 are colored in salmon 
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="342" height="78" class="scale" src="../imgw/dark-24dad84a77187b0e4e6a3f6210f76c96.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
<a style="position:relative;top:-38px;" name="90cd3f3b75057b79"></a>
</p><div style="clear:both;min-height:110px;margin-top:10px;">

<div class="pezoic">
<!-- Ezoic - Fish5 - incontent_5 -->
<span id="ezoic-pub-ad-placeholder-118"></span><!-- ezoic_pub_ad_placeholder-118-incontent_5-234x60-118-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-118-incontent_5-468x60-118-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-118-incontent_5-728x90-118-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-118-incontent_5-970x90-118-nonexxxnonexxxxxxezmaxscaleval100 -->
<!-- End Ezoic - Fish5 - incontent_5 -->
</div>

</div>
<!--heading--><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ru/gantt-diagram#12"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ru/gantt-diagram#12"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ru/gantt-diagram#12"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>Увеличение (примеры для всех вариантов детализации)</h2>
<p></p>
Чтобы исопльзовать увеличение, нужно указать ключевое слово <code class="cod">zoom</code> с параметром множителем в дополнение к ключевому слову <code class="cod">printscale</code>:
<ul>
<li><code class="cod">printscale типДетализации zoom &lt;число&gt;</code></li>
</ul>
<p></p>
<h3>Увеличение для детализации по неделям</h3>
<p></p>
<h4>Без увеличения</h4>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg670e4029d7e7272aa4f3f5e890bc27e4" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="img670e4029d7e7272aa4f3f5e890bc27e4" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;670e4029d7e7272aa4f3f5e890bc27e4&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;670e4029d7e7272aa4f3f5e890bc27e4&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;670e4029d7e7272aa4f3f5e890bc27e4&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre670e4029d7e7272aa4f3f5e890bc27e4">@startgantt
language ru
printscale daily
saturday are closed
sunday are closed

Project starts the 1st of january 2021
[Разработка прототипа] as [TASK1] lasts 8 days
[TASK1] is colored in Lavender/LightBlue
[Тесты] lasts 3 days
[TASK1]-&gt;[Тесты]

2021-01-08 to 2021-01-12 are named [Приёмка]
2021-01-08 to 2021-01-12 are colored in salmon 
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="241" height="131" class="scale" src="../imgw/dark-670e4029d7e7272aa4f3f5e890bc27e4.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
<h4>С увеличением</h4>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msgc87ca8955337687af1b1118dedec6b6d" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="imgc87ca8955337687af1b1118dedec6b6d" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;c87ca8955337687af1b1118dedec6b6d&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;c87ca8955337687af1b1118dedec6b6d&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;c87ca8955337687af1b1118dedec6b6d&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="prec87ca8955337687af1b1118dedec6b6d">@startgantt
language ru
printscale daily zoom 2
saturday are closed
sunday are closed

Project starts the 1st of january 2021
[Разработка прототипа] as [TASK1] lasts 8 days
[TASK1] is colored in Lavender/LightBlue
[Тесты] lasts 3 days
[TASK1]-&gt;[Тесты]

2021-01-08 to 2021-01-12 are named [Приёмка]
2021-01-08 to 2021-01-12 are colored in salmon 
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="481" height="131" class="scale" src="../imgw/dark-c87ca8955337687af1b1118dedec6b6d.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
<em>[Ref. <a href="https://forum.plantuml.net/13725/gantt-add-zoom-for-daily-scale">QA-13725</a>]</em>
</p><p></p>
<h3>Увеличение для детализации по неделям</h3>
<h4>Без увеличения</h4>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg020471a4f765de3dcc9f89e2edbc5108" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="img020471a4f765de3dcc9f89e2edbc5108" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;020471a4f765de3dcc9f89e2edbc5108&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;020471a4f765de3dcc9f89e2edbc5108&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;020471a4f765de3dcc9f89e2edbc5108&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre020471a4f765de3dcc9f89e2edbc5108">@startgantt
language ru
printscale weekly
saturday are closed
sunday are closed

Project starts the 1st of january 2021
[Разработка прототипа] as [TASK1] lasts 19 days
[TASK1] is colored in Lavender/LightBlue
[Тесты] lasts 14 days
[TASK1]-&gt;[Тесты]

2021-01-18 to 2021-01-22 are named [Приёмка]
2021-01-18 to 2021-01-22 are colored in salmon 
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="226" height="81" class="scale" src="../imgw/dark-020471a4f765de3dcc9f89e2edbc5108.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
<h4>С увеличением</h4>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg3194dc284e34bb67740d02298839cf0e" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="img3194dc284e34bb67740d02298839cf0e" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;3194dc284e34bb67740d02298839cf0e&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;3194dc284e34bb67740d02298839cf0e&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;3194dc284e34bb67740d02298839cf0e&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre3194dc284e34bb67740d02298839cf0e">@startgantt
language ru
printscale weekly zoom 4
saturday are closed
sunday are closed

Project starts the 1st of january 2021
[Разработка прототипа] as [TASK1] lasts 19 days
[TASK1] is colored in Lavender/LightBlue
[Тесты] lasts 14 days
[TASK1]-&gt;[Тесты]

2021-01-18 to 2021-01-22 are named [Приёмка]
2021-01-18 to 2021-01-22 are colored in salmon 
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="753" height="81" class="scale" src="../imgw/dark-3194dc284e34bb67740d02298839cf0e.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
<h3>Увеличение для детализации по месяцам</h3>
<h4>Без увеличения</h4>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msgbadede3d7448da490dd34d3ed5e98e1c" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="imgbadede3d7448da490dd34d3ed5e98e1c" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;badede3d7448da490dd34d3ed5e98e1c&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;badede3d7448da490dd34d3ed5e98e1c&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;badede3d7448da490dd34d3ed5e98e1c&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="prebadede3d7448da490dd34d3ed5e98e1c">@startgantt
language ru
projectscale monthly
Project starts the 20th of september 2020
[Разработка прототипа] as [TASK1] lasts 130 days
[TASK1] is colored in Lavender/LightBlue
[Тесты] lasts 20 days
[TASK1]-&gt;[Тесты]

2021-01-18 to 2021-01-22 are named [Приёмка]
2021-01-18 to 2021-01-22 are colored in salmon 
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="195" height="96" class="scale" src="../imgw/dark-badede3d7448da490dd34d3ed5e98e1c.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
<h4>С увеличением</h4>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msgb954355a2ded2a3301c0ca417cce12a0" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="imgb954355a2ded2a3301c0ca417cce12a0" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;b954355a2ded2a3301c0ca417cce12a0&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;b954355a2ded2a3301c0ca417cce12a0&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;b954355a2ded2a3301c0ca417cce12a0&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="preb954355a2ded2a3301c0ca417cce12a0">@startgantt
language ru
projectscale monthly zoom 3
Project starts the 20th of september 2020
[Разработка прототипа] as [TASK1] lasts 130 days
[TASK1] is colored in Lavender/LightBlue
[Тесты] lasts 20 days
[TASK1]-&gt;[Тесты]

2021-01-18 to 2021-01-22 are named [Приёмка]
2021-01-18 to 2021-01-22 are colored in salmon 
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="481" height="96" class="scale" src="../imgw/dark-b954355a2ded2a3301c0ca417cce12a0.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
<p></p>
<h3>Увеличение для детализации по кварталам</h3>
<h4>Без увеличения</h4>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msgc3fd268daf7bb368dd97ea150c89f691" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="imgc3fd268daf7bb368dd97ea150c89f691" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;c3fd268daf7bb368dd97ea150c89f691&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;c3fd268daf7bb368dd97ea150c89f691&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;c3fd268daf7bb368dd97ea150c89f691&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="prec3fd268daf7bb368dd97ea150c89f691">@startgantt
language ru
projectscale quarterly
Project starts the 20th of september 2020
[Разработка прототипа] as [TASK1] lasts 130 days
[TASK1] is colored in Lavender/LightBlue
[Тесты] lasts 20 days
[TASK1]-&gt;[Тесты]

2021-01-18 to 2021-01-22 are named [Приёмка]
2021-01-18 to 2021-01-22 are colored in salmon 
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="170" height="96" class="scale" src="../imgw/dark-c3fd268daf7bb368dd97ea150c89f691.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
<h4>С увеличением</h4>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msgc856caef1c738bfad39015146994f0fc" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="imgc856caef1c738bfad39015146994f0fc" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;c856caef1c738bfad39015146994f0fc&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;c856caef1c738bfad39015146994f0fc&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;c856caef1c738bfad39015146994f0fc&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="prec856caef1c738bfad39015146994f0fc">@startgantt
language ru
projectscale quarterly zoom 7
Project starts the 20th of september 2020
[Разработка прототипа] as [TASK1] lasts 130 days
[TASK1] is colored in Lavender/LightBlue
[Тесты] lasts 20 days
[TASK1]-&gt;[Тесты]

2021-01-18 to 2021-01-22 are named [Приёмка]
2021-01-18 to 2021-01-22 are colored in salmon 
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="421" height="96" class="scale" src="../imgw/dark-c856caef1c738bfad39015146994f0fc.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
<h3>Увеличение для детализации по годам</h3>
<h4>Без увеличения</h4>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg571786d0df1d295774dcf04bebf91fd7" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="img571786d0df1d295774dcf04bebf91fd7" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;571786d0df1d295774dcf04bebf91fd7&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;571786d0df1d295774dcf04bebf91fd7&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;571786d0df1d295774dcf04bebf91fd7&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre571786d0df1d295774dcf04bebf91fd7">@startgantt
language ru
projectscale yearly
Project starts the 1st of october 2020
[Разработка прототипа] as [TASK1] lasts 700 days
[TASK1] is colored in Lavender/LightBlue
[Тесты] lasts 200 days
[TASK1]-&gt;[Тесты]

2021-01-18 to 2021-03-22 are colored in salmon 
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="241" height="78" class="scale" src="../imgw/dark-571786d0df1d295774dcf04bebf91fd7.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
<h4>С увеличением</h4>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msgf0c529ee93d682620fca44a125598c19" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="imgf0c529ee93d682620fca44a125598c19" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;f0c529ee93d682620fca44a125598c19&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;f0c529ee93d682620fca44a125598c19&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;f0c529ee93d682620fca44a125598c19&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pref0c529ee93d682620fca44a125598c19">@startgantt
language ru
projectscale yearly zoom 2
Project starts the 1st of october 2020
[Разработка прототипа] as [TASK1] lasts 700 days
[TASK1] is colored in Lavender/LightBlue
[Тесты] lasts 200 days
[TASK1]-&gt;[Тесты]

2021-01-18 to 2021-03-22 are colored in salmon 
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="481" height="78" class="scale" src="../imgw/dark-f0c529ee93d682620fca44a125598c19.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
<a style="position:relative;top:-38px;" name="7dd159479c731763"></a>
</p><div style="clear:both;height:50px;">
</div>
<!--heading--><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ru/gantt-diagram#13"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ru/gantt-diagram#13"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ru/gantt-diagram#13"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>Weekscale with Weeknumbers or Calendar Date</h2>
<p></p>
<h3>With Weeknumbers <em>(by default)</em></h3>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg68efc8f210cd4e26f517759aefc34f54" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="img68efc8f210cd4e26f517759aefc34f54" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;68efc8f210cd4e26f517759aefc34f54&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;68efc8f210cd4e26f517759aefc34f54&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;68efc8f210cd4e26f517759aefc34f54&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre68efc8f210cd4e26f517759aefc34f54">@startgantt
printscale weekly
Project starts the 6th of July 2020
[Task1] on {Alice} lasts 2 weeks
[Task2] on {Bob:50%} lasts 2 weeks
then [Task3] on {Alice:25%} lasts 3 days
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="252" height="163" class="scale" src="../imgw/dark-68efc8f210cd4e26f517759aefc34f54.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
<h3>With Calendar Date</h3>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg1d702dea34447cd60d2b04eabc0a71eb" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="img1d702dea34447cd60d2b04eabc0a71eb" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;1d702dea34447cd60d2b04eabc0a71eb&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;1d702dea34447cd60d2b04eabc0a71eb&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;1d702dea34447cd60d2b04eabc0a71eb&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre1d702dea34447cd60d2b04eabc0a71eb">@startgantt
printscale weekly with calendar date
Project starts the 6th of July 2020
[Task1] on {Alice} lasts 2 weeks
[Task2] on {Bob:50%} lasts 2 weeks
then [Task3] on {Alice:25%} lasts 3 days
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="252" height="163" class="scale" src="../imgw/dark-1d702dea34447cd60d2b04eabc0a71eb.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
<em>[Ref. <a href="https://forum.plantuml.net/11630/">QA-11630</a>]</em>
<a style="position:relative;top:-38px;" name="fb3d47260146e696"></a>
<div style="clear:both;min-height:110px;margin-top:10px;">

<div class="pezoic">
<!-- Ezoic - Fish6 - incontent_6 -->
<span id="ezoic-pub-ad-placeholder-119"></span><!-- ezoic_pub_ad_placeholder-119-incontent_6-234x60-119-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-119-incontent_6-468x60-119-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-119-incontent_6-728x90-119-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-119-incontent_6-970x90-119-nonexxxnonexxxxxxezmaxscaleval100 -->
<!-- End Ezoic - Fish6 - incontent_6 -->
</div>

</div>
<!--heading--><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ru/gantt-diagram#14"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ru/gantt-diagram#14"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ru/gantt-diagram#14"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>Выходные дни</h2>
<p></p>
Можно обозначить некоторые дни как выходные.
<p></p>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msgcdaea66f6f64ed863b5e014cf2fbafb1" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="imgcdaea66f6f64ed863b5e014cf2fbafb1" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;cdaea66f6f64ed863b5e014cf2fbafb1&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;cdaea66f6f64ed863b5e014cf2fbafb1&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;cdaea66f6f64ed863b5e014cf2fbafb1&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="precdaea66f6f64ed863b5e014cf2fbafb1">@startgantt
language ru
project starts the 2018.04.09

&#39;указываем что суббота - выходной
saturday are closed
&#39;указываем, что воскресенье - выходной
sunday are closed
&#39;указываем, что дата 2018.05.01 выходной день
2018.05.01 is closed
&#39;указываем, что все дни с 2018.04.17 по 2018.04.19 являются выходными днями
2018.04.17 to 2018.04.19 is closed

[Разработка прототипа] lasts 14 days
[Тестирование] lasts 5 days
[Тестирование] starts at [Разработка прототипа]&#39;s end
[Разработка прототипа] is colored in Fuchsia/FireBrick
[Тестирование] is colored in GreenYellow/Green
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="497" height="115" class="scale" src="../imgw/dark-cdaea66f6f64ed863b5e014cf2fbafb1.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
<p></p>
Можно обратно некоторые дни специально указыать как рабочие.
<p></p>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg721c18d37495111fcb1ae46d27fbabfd" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="img721c18d37495111fcb1ae46d27fbabfd" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;721c18d37495111fcb1ae46d27fbabfd&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;721c18d37495111fcb1ae46d27fbabfd&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;721c18d37495111fcb1ae46d27fbabfd&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre721c18d37495111fcb1ae46d27fbabfd">@startgantt
language ru

&#39;указываем, что все дни с 2020.07.07 по 2020.07.17 являются выходными днями
2020-07-07 to 2020-07-17 is closed
&#39;указываем, что один из этих дней является рабочим
2020-07-13 is open

Project starts the 2020-07-01
[Разработка прототипа] lasts 10 days
Then [Тестирование] lasts 10 days
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="481" height="115" class="scale" src="../imgw/dark-721c18d37495111fcb1ae46d27fbabfd.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
<a style="position:relative;top:-38px;" name="75260b03434b2aa7"></a>
</p><div style="clear:both;height:50px;">
</div>
<!--heading--><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ru/gantt-diagram#15"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ru/gantt-diagram#15"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ru/gantt-diagram#15"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>Зависимость размера недели от количества выходных дней в ней</h2>
<p></p>
Неделя обозначается ключевым словом <code class="cod">week</code> и засчитывается по количеству рабочих дней в ней. По умолчанию в неделе нет выходных дней, поэтому 1 неделя ровняется 7 дням:
<p></p>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg54e9fd0f23b3335e62b0a9f33ed9962c" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="img54e9fd0f23b3335e62b0a9f33ed9962c" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;54e9fd0f23b3335e62b0a9f33ed9962c&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;54e9fd0f23b3335e62b0a9f33ed9962c&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;54e9fd0f23b3335e62b0a9f33ed9962c&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre54e9fd0f23b3335e62b0a9f33ed9962c">@startgantt
language ru
Project starts 2021-03-29
[Ревью1] happens at 2021-03-29
[Ревью2 - 3 недели] happens on 3 weeks after [Ревью1]&#39;s end
[Ревью2 - 21 день] happens on 21 days after [Ревью1]&#39;s end
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="447" height="133" class="scale" src="../imgw/dark-54e9fd0f23b3335e62b0a9f33ed9962c.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
Если указать при помощи конструкции <code class="cod">деньНедели are closed</code> субботу и воскресенье выходными днями, тогда размер 1 недели станет ровняться 5 дням:
<p></p>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg0c262665e4d273760eb35879407a0a0c" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="img0c262665e4d273760eb35879407a0a0c" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;0c262665e4d273760eb35879407a0a0c&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;0c262665e4d273760eb35879407a0a0c&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;0c262665e4d273760eb35879407a0a0c&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre0c262665e4d273760eb35879407a0a0c">@startgantt
language ru
Project starts 2021-03-29
saturday are closed
sunday are closed
[Ревью1] happens at 2021-03-29
[Ревью2 - 3 недели] happens on 3 weeks after [Ревью1]&#39;s end
[Ревью2 - 21 день] happens on 21 days after [Ревью1]&#39;s end
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="441" height="133" class="scale" src="../imgw/dark-0c262665e4d273760eb35879407a0a0c.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
<em>[Ref. <a href="https://forum.plantuml.net/13434/gantt-milestone-bug?show=13449#c13449">QA-13434</a>]</em>
<a style="position:relative;top:-38px;" name="0220f9387f827dab"></a>
<div style="clear:both;min-height:110px;margin-top:10px;">

<div class="pezoic">
<!-- Ezoic - Fish7 - incontent_7 -->
<span id="ezoic-pub-ad-placeholder-120"></span><!-- ezoic_pub_ad_placeholder-120-incontent_7-234x60-120-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-120-incontent_7-468x60-120-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-120-incontent_7-728x90-120-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-120-incontent_7-970x90-120-nonexxxnonexxxxxxezmaxscaleval100 -->
<!-- End Ezoic - Fish7 - incontent_7 -->
</div>

</div>
<!--heading--><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ru/gantt-diagram#16"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ru/gantt-diagram#16"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ru/gantt-diagram#16"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>Working days</h2>
<p></p>
It is possible to manage working days.
<p></p>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg812595de8a004a37de7c589cb4966ba3" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="img812595de8a004a37de7c589cb4966ba3" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;812595de8a004a37de7c589cb4966ba3&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;812595de8a004a37de7c589cb4966ba3&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;812595de8a004a37de7c589cb4966ba3&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre812595de8a004a37de7c589cb4966ba3">@startgantt

saturday are closed
sunday are closed
2022-07-04 to 2022-07-15 is closed

Project starts 2022-06-27
[task1] starts at 2022-06-27 and lasts 1 week
[task2] starts 2 working days after [task1]&#39;s end and lasts 3 days

@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="417" height="115" class="scale" src="../imgw/dark-812595de8a004a37de7c589cb4966ba3.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
<em>[Ref. <a href="https://forum.plantuml.net/16188/gantt-closed-days-arent-ignored-when-delaying-tasks?show=16395#a16395">QA-16188</a>]</em>
<a style="position:relative;top:-38px;" name="fe214f6d179e0531"></a>
<div style="clear:both;height:50px;">
</div>
<!--heading--><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ru/gantt-diagram#17"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ru/gantt-diagram#17"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ru/gantt-diagram#17"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>Упрощенный синтаксис для упорядочивания задач</h2>
<p></p>
Ключевое слово <code class="cod">then</code> можно использовать для обозначения следующих друг за другом задач.
<p></p>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg8fa9b1cb4c705fb6dddd6853e679bfb9" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="img8fa9b1cb4c705fb6dddd6853e679bfb9" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;8fa9b1cb4c705fb6dddd6853e679bfb9&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;8fa9b1cb4c705fb6dddd6853e679bfb9&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;8fa9b1cb4c705fb6dddd6853e679bfb9&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre8fa9b1cb4c705fb6dddd6853e679bfb9">@startgantt
[Разработка прототипа] lasts 14 days
then [Тестирование прототипа] lasts 4 days
then [Развертывание прототипа] lasts 6 days
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="525" height="86" class="scale" src="../imgw/dark-8fa9b1cb4c705fb6dddd6853e679bfb9.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
Также для этиих целей можно использовать стрелки <code class="cod">-&gt;</code>.
<p></p>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg52c1bc3b3214f25a3be14af8b2fe20ae" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="img52c1bc3b3214f25a3be14af8b2fe20ae" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;52c1bc3b3214f25a3be14af8b2fe20ae&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;52c1bc3b3214f25a3be14af8b2fe20ae&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;52c1bc3b3214f25a3be14af8b2fe20ae&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre52c1bc3b3214f25a3be14af8b2fe20ae">@startgantt
[Разработка прототипа] lasts 14 days
[Сборка прототипа] lasts 4 days
[Подготовка к тестированию] lasts 6 days
[Разработка прототипа] -&gt; [Сборка прототипа]
[Разработка прототипа] -&gt; [Подготовка к тестированию]
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="468" height="86" class="scale" src="../imgw/dark-52c1bc3b3214f25a3be14af8b2fe20ae.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
<a style="position:relative;top:-38px;" name="aa3233ceafb875a4"></a>
</p><div style="clear:both;min-height:110px;margin-top:10px;">

<div class="pezoic">
<!-- Ezoic - Fish8 - incontent_8 -->
<span id="ezoic-pub-ad-placeholder-121"></span><!-- ezoic_pub_ad_placeholder-121-incontent_8-234x60-121-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-121-incontent_8-468x60-121-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-121-incontent_8-728x90-121-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-121-incontent_8-970x90-121-nonexxxnonexxxxxxezmaxscaleval100 -->
<!-- End Ezoic - Fish8 - incontent_8 -->
</div>

</div>
<!--heading--><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ru/gantt-diagram#18"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ru/gantt-diagram#18"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ru/gantt-diagram#18"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>Работа с ресурсами</h2>
<p></p>
Для задач можно указывать необходимые им ресурсы. Для этого следует использовать ключевое слово <code class="cod">on</code> и далее указать имя необходимого ресурса в фигурных скобках. Также можно указать процент использования для каждого ресурса.
<p></p>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg52e5f9d9055a426e2ad8fa7b104a1c92" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="img52e5f9d9055a426e2ad8fa7b104a1c92" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;52e5f9d9055a426e2ad8fa7b104a1c92&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;52e5f9d9055a426e2ad8fa7b104a1c92&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;52e5f9d9055a426e2ad8fa7b104a1c92&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre52e5f9d9055a426e2ad8fa7b104a1c92">@startgantt
[Задача 1] on {Алиса} lasts 10 days
[Задача 2] on {Боб:50%} lasts 2 days
then [Задача 3] on {Алиса:25%} lasts 1 days
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="245" height="150" class="scale" src="../imgw/dark-52e5f9d9055a426e2ad8fa7b104a1c92.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
Для задачи можно указать нессколько ресурсов, перечислив имя каждого ресурса в отдельных фигурных скобках.
<p></p>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msgd844d53a2c7985fc94ff0c319485e128" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="imgd844d53a2c7985fc94ff0c319485e128" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;d844d53a2c7985fc94ff0c319485e128&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;d844d53a2c7985fc94ff0c319485e128&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;d844d53a2c7985fc94ff0c319485e128&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pred844d53a2c7985fc94ff0c319485e128">@startgantt
[Задача 1] on {Алиса} {Боб} lasts 20 days
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="161" height="114" class="scale" src="../imgw/dark-d844d53a2c7985fc94ff0c319485e128.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
Resources can be marked as off on specific days:
Ресурсы могут помечаться как недоступные в определенные дни, специально указанные для этих ресурсов при помощи конструкции <code class="cod">{имяРесурса} is off on дата1 to дата2</code>
<p></p>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg55d1530d8c7161442ee4344f4e4c3a4f" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="img55d1530d8c7161442ee4344f4e4c3a4f" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;55d1530d8c7161442ee4344f4e4c3a4f&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;55d1530d8c7161442ee4344f4e4c3a4f&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;55d1530d8c7161442ee4344f4e4c3a4f&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre55d1530d8c7161442ee4344f4e4c3a4f">@startgantt
language ru
project starts on 2020-06-19
[Задача 1] on {Алиса} lasts 10 days
{Алиса} is off on 2020-06-24 to 2020-06-26
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="225" height="129" class="scale" src="../imgw/dark-55d1530d8c7161442ee4344f4e4c3a4f.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
<a style="position:relative;top:-38px;" name="a0c2f31706bfe9b2"></a>
</p><div style="clear:both;height:50px;">
</div>
<!--heading--><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ru/gantt-diagram#19"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ru/gantt-diagram#19"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ru/gantt-diagram#19"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>Hide resources</h2>
<p></p>
<h3>Without any hiding (by default)</h3>
<p></p>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg55625a42660c6a5f33cf40b767446a52" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="img55625a42660c6a5f33cf40b767446a52" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;55625a42660c6a5f33cf40b767446a52&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;55625a42660c6a5f33cf40b767446a52&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;55625a42660c6a5f33cf40b767446a52&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre55625a42660c6a5f33cf40b767446a52">@startgantt
[Task1] on {Alice} lasts 10 days
[Task2] on {Bob:50%} lasts 2 days
then [Task3] on {Alice:25%} lasts 1 days
then [Task4] on {Alice:25%} {Bob} lasts 1 days
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="266" height="168" class="scale" src="../imgw/dark-55625a42660c6a5f33cf40b767446a52.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
<p></p>
<h3>Hide resources names</h3>
<p></p>
You can hide ressources names and percentage, on tasks, using the <code class="cod">hide ressources names</code> keywords.
<p></p>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msgfbbea79d12e65126b56be6672cb5615a" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="imgfbbea79d12e65126b56be6672cb5615a" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;fbbea79d12e65126b56be6672cb5615a&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;fbbea79d12e65126b56be6672cb5615a&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;fbbea79d12e65126b56be6672cb5615a&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="prefbbea79d12e65126b56be6672cb5615a">@startgantt
hide ressources names
[Task1] on {Alice} lasts 10 days
[Task2] on {Bob:50%} lasts 2 days
then [Task3] on {Alice:25%} lasts 1 days
then [Task4] on {Alice:25%} {Bob} lasts 1 days
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="176" height="168" class="scale" src="../imgw/dark-fbbea79d12e65126b56be6672cb5615a.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
<h3>Hide resources footbox</h3>
<p></p>
You can also hide ressources names on bottom of the diagram using the <code class="cod"> hide ressources footbox</code> keywords.
<p></p>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msgada198c7bff3f4e4cfaf6cb3142c8b40" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="imgada198c7bff3f4e4cfaf6cb3142c8b40" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;ada198c7bff3f4e4cfaf6cb3142c8b40&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;ada198c7bff3f4e4cfaf6cb3142c8b40&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;ada198c7bff3f4e4cfaf6cb3142c8b40&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="preada198c7bff3f4e4cfaf6cb3142c8b40">@startgantt
hide ressources footbox
[Task1] on {Alice} lasts 10 days
[Task2] on {Bob:50%} lasts 2 days
then [Task3] on {Alice:25%} lasts 1 days
then [Task4] on {Alice:25%} {Bob} lasts 1 days
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="266" height="104" class="scale" src="../imgw/dark-ada198c7bff3f4e4cfaf6cb3142c8b40.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
<h3>Hide the both (resources names and resources footbox)</h3>
<p></p>
You can also hide the both.
<p></p>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msgeac78d0c9fa6e2879c95e332c329e02b" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="imgeac78d0c9fa6e2879c95e332c329e02b" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;eac78d0c9fa6e2879c95e332c329e02b&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;eac78d0c9fa6e2879c95e332c329e02b&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;eac78d0c9fa6e2879c95e332c329e02b&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="preeac78d0c9fa6e2879c95e332c329e02b">@startgantt
hide ressources names
hide ressources footbox
[Task1] on {Alice} lasts 10 days
[Task2] on {Bob:50%} lasts 2 days
then [Task3] on {Alice:25%} lasts 1 days
then [Task4] on {Alice:25%} {Bob} lasts 1 days
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="176" height="104" class="scale" src="../imgw/dark-eac78d0c9fa6e2879c95e332c329e02b.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
<a style="position:relative;top:-38px;" name="49ad47dd4798ef22"></a>
</p><div style="clear:both;min-height:110px;margin-top:10px;">

<div class="pezoic">
<!-- Ezoic - Fish9 - incontent_9 -->
<span id="ezoic-pub-ad-placeholder-122"></span><!-- ezoic_pub_ad_placeholder-122-incontent_9-234x60-122-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-122-incontent_9-468x60-122-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-122-incontent_9-728x90-122-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-122-incontent_9-970x90-122-nonexxxnonexxxxxxezmaxscaleval100 -->
<!-- End Ezoic - Fish9 - incontent_9 -->
</div>

</div>
<!--heading--><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ru/gantt-diagram#20"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ru/gantt-diagram#20"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ru/gantt-diagram#20"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>Разделитель</h2>
<p></p>
You can use <code class="cod">--</code> to separate sets of tasks.
Можно отделять один набор задач от другого используя горизонтальные линии, которые задаются символами <code class="cod">--</code>.
<p></p>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg169c3625c89c607fec5fbe8075cb3952" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="img169c3625c89c607fec5fbe8075cb3952" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;169c3625c89c607fec5fbe8075cb3952&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;169c3625c89c607fec5fbe8075cb3952&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;169c3625c89c607fec5fbe8075cb3952&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre169c3625c89c607fec5fbe8075cb3952">@startgantt
[Задача 1] lasts 10 days
then [Задача 2] lasts 4 days
-- Фаза два --
then [Задача 3] lasts 5 days
then [Задаа 4] lasts 6 days
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="401" height="138" class="scale" src="../imgw/dark-169c3625c89c607fec5fbe8075cb3952.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
<center><div class="tago">WARNING</div> <b>This translation need to be updated.</b> <div class="tago">WARNING</div></center>
<a style="position:relative;top:-38px;" name="734062b5eb5818fa"></a>
<div style="clear:both;height:50px;">
</div>
<!--heading--><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ru/gantt-diagram#21"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ru/gantt-diagram#21"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ru/gantt-diagram#21"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>Vertical Separator</h2>
<p></p>
You can add Vertical Separators with the syntax: <code class="cod">Separator just [at]</code>.
<p></p>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg8bcd25c9449fba317d051813082053ad" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="img8bcd25c9449fba317d051813082053ad" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;8bcd25c9449fba317d051813082053ad&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;8bcd25c9449fba317d051813082053ad&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;8bcd25c9449fba317d051813082053ad&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre8bcd25c9449fba317d051813082053ad">@startgantt
[task1] lasts 1 week
[task2] starts 20 days after [task1]&#39;s end and lasts 3 days

Separator just at [task1]&#39;s end
Separator just 2 days after [task1]&#39;s end

Separator just at [task2]&#39;s start
Separator just 2 days before [task2]&#39;s start
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="481" height="68" class="scale" src="../imgw/dark-8bcd25c9449fba317d051813082053ad.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
<em>[Ref. <a href="https://forum.plantuml.net/16247/gantt-chart-vertical-separators">QA-16247</a>]</em>
<a style="position:relative;top:-38px;" name="9b905dab753004a4"></a>
<div style="clear:both;min-height:110px;margin-top:10px;">

<div class="pezoic">
<!-- Ezoic - Fish10 - incontent_10 -->
<span id="ezoic-pub-ad-placeholder-123"></span><!-- ezoic_pub_ad_placeholder-123-incontent_10-234x60-123-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-123-incontent_10-468x60-123-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-123-incontent_10-728x90-123-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-123-incontent_10-970x90-123-nonexxxnonexxxxxxezmaxscaleval100 -->
<!-- End Ezoic - Fish10 - incontent_10 -->
</div>

</div>
<!--heading--><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ru/gantt-diagram#22"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ru/gantt-diagram#22"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ru/gantt-diagram#22"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>Комплексный пример</h2>
<p></p>
Можно задавать несколько дополнений, объединяя их при помощи предлога <code class="cod">and</code> (и).
<p></p>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg4ccf14187300534bcde67b44fbc378e1" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="img4ccf14187300534bcde67b44fbc378e1" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;4ccf14187300534bcde67b44fbc378e1&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;4ccf14187300534bcde67b44fbc378e1&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;4ccf14187300534bcde67b44fbc378e1&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre4ccf14187300534bcde67b44fbc378e1">@startgantt
printscale daily zoom 2
[Разработка прототипа] lasts 13 days and is colored in Lavender/LightBlue
[Тест прототипа] lasts 9 days and is colored in Coral/Green and starts 3 days after [Разработка прототипа]&#39;s end
[Составление тестов] lasts 5 days and ends at [Разработка прототипа]&#39;s end
[Найм тестировщиков] lasts 6 days and ends at [Составление тестов]&#39;s start
[Подготовка отчета о тестировании] is colored in Coral/Green
[Подготовка отчета о тестировании] starts 1 day before [Тест прототипа]&#39;s start and ends at [Тест прототипа]&#39;s end
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="814" height="122" class="scale" src="../imgw/dark-4ccf14187300534bcde67b44fbc378e1.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
<a style="position:relative;top:-38px;" name="8413c683b4b27cc3"></a>
</p><div style="clear:both;height:50px;">
</div>
<!--heading--><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ru/gantt-diagram#23"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ru/gantt-diagram#23"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ru/gantt-diagram#23"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>Комментарии</h2>
<p></p>
Как говорится на странице <a href="https://plantuml.com/ru-dark/commons#560kta2oz3a2k362kjbm">Общие для всех диаграмм команды</a>:
<blockquote>
Всё, что начинается с <code class="cod">одинарной кавычки &#39;</code> - это комментарий.
<p></p>
Также, можно размещать комментарии в несколько строчек, если использовать символы <code class="cod">/</code>&#39; для обозначения начала и <code class="cod">&#39;/</code> для обозначения конца комментария.
</blockquote>
<p></p>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msgdbe794984f903870449128c400abe71f" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="imgdbe794984f903870449128c400abe71f" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;dbe794984f903870449128c400abe71f&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;dbe794984f903870449128c400abe71f&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;dbe794984f903870449128c400abe71f&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="predbe794984f903870449128c400abe71f">@startgantt
&#39; Это комментарий

[T1] lasts 3 days

/&#39; это коменнтарий
в несколько строчек &#39;/

[T2] starts at [T1]&#39;s end and lasts 1 day
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="79" height="68" class="scale" src="../imgw/dark-dbe794984f903870449128c400abe71f.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
<a style="position:relative;top:-38px;" name="f80ba0c004d810f7"></a>
</p><div style="clear:both;min-height:110px;margin-top:10px;">

<div class="pezoic">
<!-- Ezoic - Fish11 - incontent_11 -->
<span id="ezoic-pub-ad-placeholder-194"></span><!-- ezoic_pub_ad_placeholder-194-incontent_11-234x60-194-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-194-incontent_11-468x60-194-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-194-incontent_11-728x90-194-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-194-incontent_11-970x90-194-nonexxxnonexxxxxxezmaxscaleval100 -->
<!-- End Ezoic - Fish11 - incontent_11 -->
</div>

</div>
<!--heading--><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ru/gantt-diagram#24"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ru/gantt-diagram#24"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ru/gantt-diagram#24"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>Использование стилей</h2>
<p></p>
<h3>Без стилей (по умолчанию)</h3>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msgf773e72885854e7677e9a5ddbceaa859" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="imgf773e72885854e7677e9a5ddbceaa859" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;f773e72885854e7677e9a5ddbceaa859&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;f773e72885854e7677e9a5ddbceaa859&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;f773e72885854e7677e9a5ddbceaa859&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pref773e72885854e7677e9a5ddbceaa859">@startgantt
[Задача1] lasts 20 days
note bottom
  заметка1 ...
  заметка2 ...
  пояснение1 ...
  пояснение2 ...
end note
[Задача2] lasts 8 days
[Задача1] -&gt; [Задача2]
-- Заголовок - разделитель --
[M1] happens on 5 days after [Задача1]&#39;s end
-- конец --
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="449" height="191" class="scale" src="../imgw/dark-f773e72885854e7677e9a5ddbceaa859.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
<p></p>
<h3>С использованием стилей</h3>
<p></p>
Можно использовать <a href="https://plantuml.com/ru-dark/style-evolution">стили</a> для изменения отображения элементов.
<p></p>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msgaf9f810a5d35c4570d09070804d2adfa" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="imgaf9f810a5d35c4570d09070804d2adfa" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;af9f810a5d35c4570d09070804d2adfa&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;af9f810a5d35c4570d09070804d2adfa&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;af9f810a5d35c4570d09070804d2adfa&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="preaf9f810a5d35c4570d09070804d2adfa">@startgantt
&lt;style&gt;
ganttDiagram {
	task {
		FontName Helvetica
		FontColor red
		FontSize 18
		FontStyle bold
		BackGroundColor GreenYellow
		LineColor blue
	}
	milestone {
		FontColor blue
		FontSize 25
		FontStyle italic
		BackGroundColor yellow
		LineColor red
	}
	note {
		FontColor DarkGreen
		FontSize 10
		LineColor OrangeRed
	}
	arrow {
		FontName Helvetica
		FontColor red
		FontSize 18
		FontStyle bold
		BackGroundColor GreenYellow
		LineColor blue
	}
	separator {
		LineColor red
		BackGroundColor green
		FontSize 16
		FontStyle bold
		FontColor purple
	}
}
&lt;/style&gt;
[Задача1] lasts 20 days
note bottom
  заметка1 ...
  заметка2 ...
  пояснение1 ...
  пояснение2 ...
end note
[Задача2] lasts 8 days
[Задача1] -&gt; [Задача2]
-- Заголовок - разделитель --
[M1] happens on 5 days after [Задача1]&#39;s end
-- конец --
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="449" height="235" class="scale" src="../imgw/dark-af9f810a5d35c4570d09070804d2adfa.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
<em>[Ref. <a href="https://forum.plantuml.net/10835">QA-10835</a>, <a href="https://forum.plantuml.net/12045">QA-12045</a>, <a href="https://forum.plantuml.net/11877">QA-11877</a> and <a href="https://github.com/plantuml/plantuml/pull/438">PR-438</a>]</em>
<p></p>
<h3>С использованием стилей (полный пример)</h3>
<p></p>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msgdead933328484c80a2e7cdc5272dd457" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="imgdead933328484c80a2e7cdc5272dd457" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;dead933328484c80a2e7cdc5272dd457&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;dead933328484c80a2e7cdc5272dd457&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;dead933328484c80a2e7cdc5272dd457&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="predead933328484c80a2e7cdc5272dd457">@startgantt
language ru
&lt;style&gt;
ganttDiagram {
	task {
		FontName Helvetica
		FontColor red
		FontSize 18
		FontStyle bold
		BackGroundColor GreenYellow
		LineColor blue
	}
	milestone {
		FontColor blue
		FontSize 25
		FontStyle italic
		BackGroundColor yellow
		LineColor red
	}
	note {
		FontColor DarkGreen
		FontSize 10
		LineColor OrangeRed
	}
	arrow {
		FontName Helvetica
		FontColor red
		FontSize 18
		FontStyle bold
		BackGroundColor GreenYellow
		LineColor blue
		LineStyle 8.0;13.0
		LineThickness 3.0
	}
	separator {
		BackgroundColor lightGreen
		LineStyle 8.0;3.0
		LineColor red
		LineThickness 1.0
		FontSize 16
		FontStyle bold
		FontColor purple
		Margin 5
		Padding 20
	}
	timeline {
	    BackgroundColor Bisque
	}
	closed {
		BackgroundColor pink
		FontColor red
	}
}
&lt;/style&gt;
Project starts the 2020-12-01

[Задача1] lasts 10 days
sunday are closed

note bottom
  заметка1 ...
  заметка2 ...
  пояснение1 ...
  пояснение2 ...
end note

[Задача2] lasts 20 days
[Задача2] starts 10 days after [Задача1]&#39;s end
-- Заголовок - разделитель --
[M1] happens on 5 days after [Задача1]&#39;s end

&lt;style&gt;
	separator {
	    LineColor black
		Margin 0
		Padding 0
	}
&lt;/style&gt;

-- конец --
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="705" height="292" class="scale" src="../imgw/dark-dead933328484c80a2e7cdc5272dd457.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
<em>[Ref. <a href="https://forum.plantuml.net/13570/can-you-style-the-days-and-months-of-a-gantt-chart?show=13589#a13589">QA-13570</a>, <a href="https://forum.plantuml.net/13672">QA-13672</a>]</em>
</p><p></p>
<h3>Минимализм</h3>
<p></p>
Используя стили можно очистить диаграмму от всего лишнего, оставив только задачи с их относительными размерами, а также зависимости между ними: 
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg48c961e897d16201867160e2b5a196da" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="img48c961e897d16201867160e2b5a196da" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;48c961e897d16201867160e2b5a196da&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;48c961e897d16201867160e2b5a196da&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;48c961e897d16201867160e2b5a196da&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre48c961e897d16201867160e2b5a196da">@startgantt
&lt;style&gt;
ganttDiagram {
  timeline {
    LineColor transparent
    FontColor transparent
 }
}
&lt;/style&gt;

hide footbox
[Тест прототипа] lasts 7 days
[Прототип готов] happens at [Тест прототипа]&#39;s end
[Настройка сборочной линии] lasts 13 days
[Настройка сборочной линии] starts at [Тест прототипа]&#39;s end
then [Сборка] lasts 5 days
[T2] lasts 2 days and starts at [Тест прототипа]&#39;s end
then [T3] lasts 3 days
-- следующий этап --
then [T4] lasts 2 days
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="401" height="177" class="scale" src="../imgw/dark-48c961e897d16201867160e2b5a196da.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
<em>[Ref. <a href="https://forum.plantuml.net/13971">QA-13971</a>]</em>
</p><p></p>
Или другой пример:
<p></p>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg9b0728bdfa71c4f824d425c933c5e405" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="img9b0728bdfa71c4f824d425c933c5e405" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;9b0728bdfa71c4f824d425c933c5e405&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;9b0728bdfa71c4f824d425c933c5e405&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;9b0728bdfa71c4f824d425c933c5e405&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre9b0728bdfa71c4f824d425c933c5e405">@startgantt
&lt;style&gt;
ganttDiagram {
  timeline {
    LineColor transparent
    FontColor transparent
  }
  closed {
    FontColor transparent
  }
}
&lt;/style&gt;

hide footbox
project starts the 2018/04/09
saturday are closed
sunday are closed
2018/05/01 is closed
2018/04/17 to 2018/04/19 is closed
[Разработка прототипа] lasts 9 days
[Тест прототипа] lasts 5 days
[Тест прототипа] starts at [Разработка прототипа]&#39;s end
[Разработка прототипа] is colored in Fuchsia/FireBrick
[Тест прототипа] is colored in GreenYellow/Green
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="385" height="77" class="scale" src="../imgw/dark-9b0728bdfa71c4f824d425c933c5e405.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
<em>[Ref. <a href="https://forum.plantuml.net/13464">QA-13464</a>]</em>
<a style="position:relative;top:-38px;" name="c5aeee17b294caf8"></a>
</p><div style="clear:both;height:50px;">
</div>
<!--heading--><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ru/gantt-diagram#25"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ru/gantt-diagram#25"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ru/gantt-diagram#25"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>Добавление заметок</h2>
<p></p>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg0163e432a9625ddf8d284f1ce2ddad7d" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="img0163e432a9625ddf8d284f1ce2ddad7d" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;0163e432a9625ddf8d284f1ce2ddad7d&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;0163e432a9625ddf8d284f1ce2ddad7d&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;0163e432a9625ddf8d284f1ce2ddad7d&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre0163e432a9625ddf8d284f1ce2ddad7d">@startgantt
[Задача1] lasts 15 days
note bottom
  заметка1 ...
  заметка2 ...
  пояснение1 ...
  пояснение2 ...
end note

[Задача1] -&gt; [Задача2]

@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="302" height="106" class="scale" src="../imgw/dark-0163e432a9625ddf8d284f1ce2ddad7d.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
Пример с перекрытием.
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg9e84ad29d4e36b8853c23f675eb962ae" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="img9e84ad29d4e36b8853c23f675eb962ae" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;9e84ad29d4e36b8853c23f675eb962ae&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;9e84ad29d4e36b8853c23f675eb962ae&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;9e84ad29d4e36b8853c23f675eb962ae&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre9e84ad29d4e36b8853c23f675eb962ae">@startgantt
[Задача1] lasts 15 days
note bottom
  заметка1 ...
  заметка2 ...
  пояснение1 ...
  пояснение2 ...
end note

[Задача1] -&gt; [Задача2]
[Задача3] lasts 5 days

@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="302" height="123" class="scale" src="../imgw/dark-9e84ad29d4e36b8853c23f675eb962ae.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
<p></p>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg89a9429310caba1d400b2a95dc4532ac" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="img89a9429310caba1d400b2a95dc4532ac" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;89a9429310caba1d400b2a95dc4532ac&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;89a9429310caba1d400b2a95dc4532ac&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;89a9429310caba1d400b2a95dc4532ac&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre89a9429310caba1d400b2a95dc4532ac">@startgantt

-- тест 1 --

[Задача1] lasts 4 days
note bottom
&#39;note left
  заметка1 ...
  заметка2 ...
  пояснение1 ...
  пояснение2 ...
end note

[Задача2] lasts 8 days
[Задача1] -&gt; [Задача2]
note bottom
&#39;note left
  заметка1 ...
  заметка2 ...
  пояснение1 ...
  пояснение2 ...
end note
-- тест 2 --

[Задача3] as [t3] lasts 7 days
[t3] -&gt; [t4]
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="193" height="282" class="scale" src="../imgw/dark-89a9429310caba1d400b2a95dc4532ac.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msgffdbd4887468852ce96e0fa3e5f6df26" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="imgffdbd4887468852ce96e0fa3e5f6df26" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;ffdbd4887468852ce96e0fa3e5f6df26&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;ffdbd4887468852ce96e0fa3e5f6df26&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;ffdbd4887468852ce96e0fa3e5f6df26&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="preffdbd4887468852ce96e0fa3e5f6df26">@startgantt
language ru

Project starts 2020-09-01

[ЗадачаA] starts 2020-09-01 and lasts 5 days
[ЗадачаB] starts 2020-09-10 and lasts 5 days
[ЗадачаB] displays on same row as [ЗадачаA]

[Задача1] starts 2020-09-05 and lasts 4 days

then [Задача2] lasts 8 days
note bottom
  заметка для Задача2
  больше заметок!
end note

then [Задача3] lasts 7 days
note bottom
  заметка для Задача3
  больше заметок!
end note

-- разделитель --

[ЗадачаC] starts 2020-09-02 and lasts 5 days
[ЗадачаD] starts 2020-09-09 and lasts 5 days
[ЗадачаD] displays on same row as [ЗадачаC]

[Задача10] starts 2020-09-05 and lasts 5 days
then [Задача11] lasts 5 days
note bottom
  заметка для Задача11
  больше заметок!
end note
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="369" height="304" class="scale" src="../imgw/dark-ffdbd4887468852ce96e0fa3e5f6df26.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
<a style="position:relative;top:-38px;" name="d55fb3062151b65c"></a>
</p><div style="clear:both;min-height:110px;margin-top:10px;">

<div class="pezoic">
<!-- Ezoic - Fish12 - incontent_12 -->
<span id="ezoic-pub-ad-placeholder-195"></span><!-- ezoic_pub_ad_placeholder-195-incontent_12-234x60-195-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-195-incontent_12-468x60-195-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-195-incontent_12-728x90-195-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-195-incontent_12-970x90-195-nonexxxnonexxxxxxezmaxscaleval100 -->
<!-- End Ezoic - Fish12 - incontent_12 -->
</div>

</div>
<!--heading--><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ru/gantt-diagram#26"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ru/gantt-diagram#26"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ru/gantt-diagram#26"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>Приостановка задач</h2>
<p></p>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg51a9caa634b6695adec16e0797fc681a" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="img51a9caa634b6695adec16e0797fc681a" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;51a9caa634b6695adec16e0797fc681a&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;51a9caa634b6695adec16e0797fc681a&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;51a9caa634b6695adec16e0797fc681a&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre51a9caa634b6695adec16e0797fc681a">@startgantt
language ru
Project starts 2018.12.05
saturday are closed
sunday are closed
2018.12.29 is opened
[Разработка прототипа] lasts 17 days
[Разработка прототипа] pauses on 2018.12.19
[Разработка прототипа] pauses on 2018.12.20
[Разработка прототипа] pauses on monday
[Тест прототипа] starts at [Разработка прототипа]&#39;s end and lasts 2 weeks
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="705" height="115" class="scale" src="../imgw/dark-51a9caa634b6695adec16e0797fc681a.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
<a style="position:relative;top:-38px;" name="ca6909da4e1482ab"></a>
</p><div style="clear:both;height:50px;">
</div>
<!--heading--><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ru/gantt-diagram#27"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ru/gantt-diagram#27"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ru/gantt-diagram#27"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>Change link colors</h2>
<p></p>
You can change link colors:
<ul>
<li>with this syntax: <code class="cod">with &lt;color&gt; &lt;style&gt; link</code></li>
</ul>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg5b924fb1b5b111eb7d6ec98d91d1e25d" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="img5b924fb1b5b111eb7d6ec98d91d1e25d" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;5b924fb1b5b111eb7d6ec98d91d1e25d&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;5b924fb1b5b111eb7d6ec98d91d1e25d&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;5b924fb1b5b111eb7d6ec98d91d1e25d&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre5b924fb1b5b111eb7d6ec98d91d1e25d">@startgantt
[T1] lasts 4 days
[T2] lasts 4 days and starts 3 days after [T1]&#39;s end with blue dotted link
[T3] lasts 4 days and starts 3 days after [T2]&#39;s end with green bold link
[T4] lasts 4 days and starts 3 days after [T3]&#39;s end with green dashed link
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="401" height="104" class="scale" src="../imgw/dark-5b924fb1b5b111eb7d6ec98d91d1e25d.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
<p></p>
<ul>
<li>or directly by using arrow style</li>
</ul>
<p></p>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msgc8c452c4a0a8376c3e932648a5aa0a53" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="imgc8c452c4a0a8376c3e932648a5aa0a53" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;c8c452c4a0a8376c3e932648a5aa0a53&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;c8c452c4a0a8376c3e932648a5aa0a53&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;c8c452c4a0a8376c3e932648a5aa0a53&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="prec8c452c4a0a8376c3e932648a5aa0a53">@startgantt
&lt;style&gt;
ganttDiagram {
	arrow {
		LineColor blue
	}
}
&lt;/style&gt;
[Prototype design] lasts 7 days
[Build prototype] lasts 4 days
[Prepare test] lasts 6 days
[Prototype design] -[#FF00FF]-&gt; [Build prototype]
[Prototype design] -[dotted]-&gt; [Prepare test]
Then [Run test]  lasts 4 days
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="273" height="104" class="scale" src="../imgw/dark-c8c452c4a0a8376c3e932648a5aa0a53.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
<em>[Ref. <a href="https://forum.plantuml.net/13693">QA-13693</a>]</em>
<a style="position:relative;top:-38px;" name="fffe3b182c4bcb9a"></a>
<div style="clear:both;min-height:110px;margin-top:10px;">

<div class="pezoic">
<!-- Ezoic - Fish13 - incontent_13 -->
<span id="ezoic-pub-ad-placeholder-196"></span><!-- ezoic_pub_ad_placeholder-196-incontent_13-234x60-196-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-196-incontent_13-468x60-196-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-196-incontent_13-728x90-196-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-196-incontent_13-970x90-196-nonexxxnonexxxxxxezmaxscaleval100 -->
<!-- End Ezoic - Fish13 - incontent_13 -->
</div>

</div>
<!--heading--><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ru/gantt-diagram#28"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ru/gantt-diagram#28"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ru/gantt-diagram#28"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>Tasks or Milestones on the same line</h2>
<p></p>
You can put Tasks or Milestones on the same line, with this syntax: 
<ul>
<li><code class="cod">[T|M] displays on same row as [T|M]</code></li>
</ul>
<p></p>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msge08568fb1dfdbde6d1e9ce0674562823" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="imge08568fb1dfdbde6d1e9ce0674562823" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;e08568fb1dfdbde6d1e9ce0674562823&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;e08568fb1dfdbde6d1e9ce0674562823&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;e08568fb1dfdbde6d1e9ce0674562823&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pree08568fb1dfdbde6d1e9ce0674562823">@startgantt
[Prototype design] lasts 13 days
[Test prototype] lasts 4 days and 1 week
[Test prototype] starts 1 week and 2 days after [Prototype design]&#39;s end
[Test prototype] displays on same row as [Prototype design]
[r1] happens on 5 days after [Prototype design]&#39;s end
[r2] happens on 5 days after [r1]&#39;s end
[r3] happens on 5 days after [r2]&#39;s end
[r2] displays on same row as [r1]
[r3] displays on same row as [r1]
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="529" height="68" class="scale" src="../imgw/dark-e08568fb1dfdbde6d1e9ce0674562823.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
<a style="position:relative;top:-38px;" name="5be7259245e6c389"></a>
</p><div style="clear:both;height:50px;">
</div>
<!--heading--><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ru/gantt-diagram#29"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ru/gantt-diagram#29"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ru/gantt-diagram#29"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>Highlight today</h2>
<p></p>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msge89403eef41a6013e5a1cd3d7ba9d19f" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="imge89403eef41a6013e5a1cd3d7ba9d19f" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;e89403eef41a6013e5a1cd3d7ba9d19f&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;e89403eef41a6013e5a1cd3d7ba9d19f&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;e89403eef41a6013e5a1cd3d7ba9d19f&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pree89403eef41a6013e5a1cd3d7ba9d19f">@startgantt
Project starts the 20th of september 2018
sunday are close
2018/09/21 to 2018/09/23 are colored in salmon
2018/09/21 to 2018/09/30 are named [Vacation in the Bahamas] 

today is 30 days after start and is colored in #AAF
[Foo] happens 40 days after start
[Dummy] lasts 10 days and starts 10 days after start

@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="675" height="131" class="scale" src="../imgw/dark-e89403eef41a6013e5a1cd3d7ba9d19f.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
<a style="position:relative;top:-38px;" name="767295c597d48825"></a>
</p><div style="clear:both;min-height:110px;margin-top:10px;">

<div class="pezoic">
<!-- Ezoic - Fish14 - incontent_14 -->
<span id="ezoic-pub-ad-placeholder-197"></span><!-- ezoic_pub_ad_placeholder-197-incontent_14-234x60-197-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-197-incontent_14-468x60-197-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-197-incontent_14-728x90-197-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-197-incontent_14-970x90-197-nonexxxnonexxxxxxezmaxscaleval100 -->
<!-- End Ezoic - Fish14 - incontent_14 -->
</div>

</div>
<!--heading--><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ru/gantt-diagram#30"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ru/gantt-diagram#30"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ru/gantt-diagram#30"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>Task between two milestones</h2>
<p></p>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msgc50c4eeb3668e6c1dadd7f37ab07072f" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="imgc50c4eeb3668e6c1dadd7f37ab07072f" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;c50c4eeb3668e6c1dadd7f37ab07072f&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;c50c4eeb3668e6c1dadd7f37ab07072f&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;c50c4eeb3668e6c1dadd7f37ab07072f&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="prec50c4eeb3668e6c1dadd7f37ab07072f">@startgantt
project starts on 2020-07-01
[P_start] happens 2020-07-03
[P_end]   happens 2020-07-13
[Prototype design] occurs from [P_start] to [P_end]
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="239" height="133" class="scale" src="../imgw/dark-c50c4eeb3668e6c1dadd7f37ab07072f.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
<a style="position:relative;top:-38px;" name="0b696c8cda6f8091"></a>
</p><div style="clear:both;height:50px;">
</div>
<!--heading--><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ru/gantt-diagram#31"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ru/gantt-diagram#31"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ru/gantt-diagram#31"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>Grammar and verbal form</h2>
<p></p>
<table border="1" cellspacing="0" cellpadding="5">
<tbody><tr>
<td><b>
Verbal form
</b></td>
<td><b>
Example
</b></td>
</tr>
<tr>
<td>
[<em>T</em>] starts
</td>
<td>

</td>
</tr>
<tr>
<td>
[<em>M</em>] happens
</td>
<td>

</td>
</tr>
</tbody></table>
<a style="position:relative;top:-38px;" name="40f14e0e6698daaf"></a>
<div style="clear:both;min-height:110px;margin-top:10px;">

<div class="pezoic">
<!-- Ezoic - Fish15 - incontent_15 -->
<span id="ezoic-pub-ad-placeholder-198"></span><!-- ezoic_pub_ad_placeholder-198-incontent_15-234x60-198-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-198-incontent_15-468x60-198-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-198-incontent_15-728x90-198-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-198-incontent_15-970x90-198-nonexxxnonexxxxxxezmaxscaleval100 -->
<!-- End Ezoic - Fish15 - incontent_15 -->
</div>

</div>
<!--heading--><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ru/gantt-diagram#32"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ru/gantt-diagram#32"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ru/gantt-diagram#32"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>Add title, header, footer, caption or legend</h2>
<p></p>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msgecd1d4aa68ed5439eb8dc891066d769f" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="imgecd1d4aa68ed5439eb8dc891066d769f" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;ecd1d4aa68ed5439eb8dc891066d769f&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;ecd1d4aa68ed5439eb8dc891066d769f&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;ecd1d4aa68ed5439eb8dc891066d769f&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="preecd1d4aa68ed5439eb8dc891066d769f">@startgantt

header some header

footer some footer

title My title

[Prototype design] lasts 13 days

legend
The legend
end legend

caption This is caption

@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="209" height="189" class="scale" src="../imgw/dark-ecd1d4aa68ed5439eb8dc891066d769f.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
<em>(See also: <a href="https://plantuml.com/ru-dark/commons">Common commands</a>)</em>
<a style="position:relative;top:-38px;" name="4d2faf0127c09832"></a>
<div style="clear:both;height:50px;">
</div>
<!--heading--><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ru/gantt-diagram#33"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ru/gantt-diagram#33"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ru/gantt-diagram#33"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>Removing Foot Boxes (example for all scale)</h2>
<p></p>
You can use the <code class="cod">hide footbox</code> keywords to remove the foot boxes
of the gantt diagram <em>(as for <a href="sequence-diagram.html">sequence diagram</a>)</em>.
<p></p>
Examples on:
<p></p>
<ul>
<li>daily scale <em>(without project start)</em></li>
</ul>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg0a17ef1a7e233bc5a9b33370dc8ba8b1" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="img0a17ef1a7e233bc5a9b33370dc8ba8b1" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;0a17ef1a7e233bc5a9b33370dc8ba8b1&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;0a17ef1a7e233bc5a9b33370dc8ba8b1&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;0a17ef1a7e233bc5a9b33370dc8ba8b1&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre0a17ef1a7e233bc5a9b33370dc8ba8b1">@startgantt

hide footbox
title Foot Box removed

[Prototype design] lasts 15 days
[Test prototype] lasts 10 days
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="241" height="93" class="scale" src="../imgw/dark-0a17ef1a7e233bc5a9b33370dc8ba8b1.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
<ul>
<li>daily scale</li>
</ul>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg9e99fa10483ddbe9fe160e818b995e03" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="img9e99fa10483ddbe9fe160e818b995e03" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;9e99fa10483ddbe9fe160e818b995e03&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;9e99fa10483ddbe9fe160e818b995e03&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;9e99fa10483ddbe9fe160e818b995e03&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre9e99fa10483ddbe9fe160e818b995e03">@startgantt

Project starts the 20th of september 2017
[Prototype design] as [TASK1] lasts 13 days
[TASK1] is colored in Lavender/LightBlue

hide footbox
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="209" height="59" class="scale" src="../imgw/dark-9e99fa10483ddbe9fe160e818b995e03.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
<ul>
<li>weekly scale</li>
</ul>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg93ef037042fd974b85669a784aaab0fd" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="img93ef037042fd974b85669a784aaab0fd" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;93ef037042fd974b85669a784aaab0fd&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;93ef037042fd974b85669a784aaab0fd&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;93ef037042fd974b85669a784aaab0fd&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre93ef037042fd974b85669a784aaab0fd">@startgantt
hide footbox

printscale weekly
saturday are closed
sunday are closed

Project starts the 1st of january 2021
[Prototype design end] as [TASK1] lasts 19 days
[TASK1] is colored in Lavender/LightBlue
[Testing] lasts 14 days
[TASK1]-&gt;[Testing]

2021-01-18 to 2021-01-22 are named [End&#39;s committee]
2021-01-18 to 2021-01-22 are colored in salmon 
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="213" height="65" class="scale" src="../imgw/dark-93ef037042fd974b85669a784aaab0fd.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
<p></p>
<ul>
<li>monthly scale</li>
</ul>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg5b02a5385febb518c64e51b7b10b0add" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="img5b02a5385febb518c64e51b7b10b0add" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;5b02a5385febb518c64e51b7b10b0add&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;5b02a5385febb518c64e51b7b10b0add&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;5b02a5385febb518c64e51b7b10b0add&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre5b02a5385febb518c64e51b7b10b0add">@startgantt

hide footbox

projectscale monthly
Project starts the 20th of september 2020
[Prototype design] as [TASK1] lasts 130 days
[TASK1] is colored in Lavender/LightBlue
[Testing] lasts 20 days
[TASK1]-&gt;[Testing]

2021-01-18 to 2021-01-22 are named [End&#39;s committee]
2021-01-18 to 2021-01-22 are colored in salmon 
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="198" height="64" class="scale" src="../imgw/dark-5b02a5385febb518c64e51b7b10b0add.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
<ul>
<li>quarterly scale</li>
</ul>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg71bc2400bba154fed4e746777e0fad85" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="img71bc2400bba154fed4e746777e0fad85" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;71bc2400bba154fed4e746777e0fad85&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;71bc2400bba154fed4e746777e0fad85&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;71bc2400bba154fed4e746777e0fad85&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre71bc2400bba154fed4e746777e0fad85">@startgantt

hide footbox

projectscale quarterly
Project starts the 1st of october 2020
[Prototype design] as [TASK1] lasts 700 days
[TASK1] is colored in Lavender/LightBlue
[Testing] lasts 200 days
[TASK1]-&gt;[Testing]

2021-01-18 to 2021-03-22 are colored in salmon 
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="361" height="64" class="scale" src="../imgw/dark-71bc2400bba154fed4e746777e0fad85.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
<ul>
<li>yearly scale</li>
</ul>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg7c27b726f3bc3b7aa859559895bbbdc5" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="img7c27b726f3bc3b7aa859559895bbbdc5" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;7c27b726f3bc3b7aa859559895bbbdc5&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;7c27b726f3bc3b7aa859559895bbbdc5&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;7c27b726f3bc3b7aa859559895bbbdc5&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre7c27b726f3bc3b7aa859559895bbbdc5">@startgantt

hide footbox

projectscale yearly
Project starts the 1st of october 2020
[Prototype design] as [TASK1] lasts 700 days
[TASK1] is colored in Lavender/LightBlue
[Testing] lasts 200 days
[TASK1]-&gt;[Testing]

2021-01-18 to 2021-03-22 are colored in salmon 
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="241" height="55" class="scale" src="../imgw/dark-7c27b726f3bc3b7aa859559895bbbdc5.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
<a style="position:relative;top:-38px;" name="d7e16ac6d5ccfb69"></a>
</p><div style="clear:both;min-height:110px;margin-top:10px;">

<div class="pezoic">
<!-- Ezoic - Fish16 - incontent_16 -->
<span id="ezoic-pub-ad-placeholder-199"></span><!-- ezoic_pub_ad_placeholder-199-incontent_16-234x60-199-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-199-incontent_16-468x60-199-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-199-incontent_16-728x90-199-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-199-incontent_16-970x90-199-nonexxxnonexxxxxxezmaxscaleval100 -->
<!-- End Ezoic - Fish16 - incontent_16 -->
</div>

</div>
<!--heading--><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ru/gantt-diagram#34"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ru/gantt-diagram#34"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ru/gantt-diagram#34"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>Language of the calendar</h2>
<p></p>
You can choose the language of the Gantt calendar, with the <code class="cod">language &lt;xx&gt;</code> command where <code class="cod">&lt;xx&gt;</code> is the <a href="https://en.wikipedia.org/wiki/List_of_ISO_639-1_codes">ISO 639 code</a> of the language.
<p></p>
<p></p>
<h3>English  <em>(en, by default)</em></h3>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg6e32245544cbe825ac0c15b2a6ee4632" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="img6e32245544cbe825ac0c15b2a6ee4632" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;6e32245544cbe825ac0c15b2a6ee4632&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;6e32245544cbe825ac0c15b2a6ee4632&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;6e32245544cbe825ac0c15b2a6ee4632&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre6e32245544cbe825ac0c15b2a6ee4632">@startgantt
saturday are closed
sunday are closed

Project starts 2021-01-01
[Prototype design end] as [TASK1] lasts 19 days
[TASK1] is colored in Lavender/LightBlue
[Testing] lasts 14 days
[TASK1]-&gt;[Testing]

2021-01-18 to 2021-01-22 are colored in salmon 
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="753" height="115" class="scale" src="../imgw/dark-6e32245544cbe825ac0c15b2a6ee4632.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
<h3>Deutsch (de)</h3>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msgce7d36682aa221dba6bb89ba7789c922" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="imgce7d36682aa221dba6bb89ba7789c922" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;ce7d36682aa221dba6bb89ba7789c922&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;ce7d36682aa221dba6bb89ba7789c922&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;ce7d36682aa221dba6bb89ba7789c922&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="prece7d36682aa221dba6bb89ba7789c922">@startgantt
language de
saturday are closed
sunday are closed

Project starts 2021-01-01
[Prototype design end] as [TASK1] lasts 19 days
[TASK1] is colored in Lavender/LightBlue
[Testing] lasts 14 days
[TASK1]-&gt;[Testing]

2021-01-18 to 2021-01-22 are colored in salmon 
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="753" height="115" class="scale" src="../imgw/dark-ce7d36682aa221dba6bb89ba7789c922.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
<h3>Japanese (ja)</h3>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msgbcae649262b7a43796cdda5b76aedd60" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="imgbcae649262b7a43796cdda5b76aedd60" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;bcae649262b7a43796cdda5b76aedd60&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;bcae649262b7a43796cdda5b76aedd60&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;bcae649262b7a43796cdda5b76aedd60&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="prebcae649262b7a43796cdda5b76aedd60">@startgantt
language ja
saturday are closed
sunday are closed

Project starts 2021-01-01
[Prototype design end] as [TASK1] lasts 19 days
[TASK1] is colored in Lavender/LightBlue
[Testing] lasts 14 days
[TASK1]-&gt;[Testing]

2021-01-18 to 2021-01-22 are colored in salmon 
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="753" height="115" class="scale" src="../imgw/dark-bcae649262b7a43796cdda5b76aedd60.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
<h3>Chinese (zh)</h3>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg154f7186ecfd0bd634da7d139f7f74a1" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="img154f7186ecfd0bd634da7d139f7f74a1" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;154f7186ecfd0bd634da7d139f7f74a1&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;154f7186ecfd0bd634da7d139f7f74a1&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;154f7186ecfd0bd634da7d139f7f74a1&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre154f7186ecfd0bd634da7d139f7f74a1">@startgantt
language zh
saturday are closed
sunday are closed

Project starts 2021-01-01
[Prototype design end] as [TASK1] lasts 19 days
[TASK1] is colored in Lavender/LightBlue
[Testing] lasts 14 days
[TASK1]-&gt;[Testing]

2021-01-18 to 2021-01-22 are colored in salmon 
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="757" height="115" class="scale" src="../imgw/dark-154f7186ecfd0bd634da7d139f7f74a1.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
<h3>Korean (ko)</h3>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg00b675b08687da37f265c52fe77135a1" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="img00b675b08687da37f265c52fe77135a1" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;00b675b08687da37f265c52fe77135a1&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;00b675b08687da37f265c52fe77135a1&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;00b675b08687da37f265c52fe77135a1&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre00b675b08687da37f265c52fe77135a1">@startgantt
language ko
saturday are closed
sunday are closed

Project starts 2021-01-01
[Prototype design end] as [TASK1] lasts 19 days
[TASK1] is colored in Lavender/LightBlue
[Testing] lasts 14 days
[TASK1]-&gt;[Testing]

2021-01-18 to 2021-01-22 are colored in salmon 
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="753" height="115" class="scale" src="../imgw/dark-00b675b08687da37f265c52fe77135a1.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
<a style="position:relative;top:-38px;" name="dff50cbb5e941f52"></a>
</p><div style="clear:both;height:50px;">
</div>
<!--heading--><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ru/gantt-diagram#35"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ru/gantt-diagram#35"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ru/gantt-diagram#35"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>Delete Tasks or Milestones</h2>
<p></p>
You can mark some Tasks or Milestones as <code class="cod">deleted</code> instead of normally completed to distinguish tasks that may possibly have been discarded, postponed or whatever.
<p></p>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg58448512b3e0e51ca2c0ac8d1119f413" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="img58448512b3e0e51ca2c0ac8d1119f413" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;58448512b3e0e51ca2c0ac8d1119f413&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;58448512b3e0e51ca2c0ac8d1119f413&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;58448512b3e0e51ca2c0ac8d1119f413&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre58448512b3e0e51ca2c0ac8d1119f413">@startgantt
[Prototype design] lasts 1 weeks
then [Prototype completed]  lasts 4 days
[End Prototype completed] happens at [Prototype completed]&#39;s end
then [Test prototype] lasts 5 days
[End Test prototype] happens at [Test prototype]&#39;s end

[Prototype completed] is deleted
[End Prototype completed] is deleted
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="348" height="122" class="scale" src="../imgw/dark-58448512b3e0e51ca2c0ac8d1119f413.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
<em>[Ref. <a href="https://forum.plantuml.net/9129">QA-9129</a>]</em>
<a style="position:relative;top:-38px;" name="5bdad9d34c90f24c"></a>
<div style="clear:both;min-height:110px;margin-top:10px;">

<div class="pezoic">
<!-- Ezoic - Fish17 - incontent_17 -->
<span id="ezoic-pub-ad-placeholder-600"></span><!-- ezoic_pub_ad_placeholder-600-incontent_17-234x60-600-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-600-incontent_17-468x60-600-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-600-incontent_17-728x90-600-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-600-incontent_17-970x90-600-nonexxxnonexxxxxxezmaxscaleval100 -->
<!-- End Ezoic - Fish17 - incontent_17 -->
</div>

</div>
<!--heading--><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ru/gantt-diagram#36"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ru/gantt-diagram#36"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ru/gantt-diagram#36"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>Start a project, a task or a milestone  a number of days before or after today</h2>
<p></p>
You can start a project, a task or a milestone a number of days before or after today, using the builtin functions <code class="cod">%now</code> and <code class="cod">%date</code>:
<p></p>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg4659b789099e4f28c1a0a048f3f5c060" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="img4659b789099e4f28c1a0a048f3f5c060" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;4659b789099e4f28c1a0a048f3f5c060&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;4659b789099e4f28c1a0a048f3f5c060&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;4659b789099e4f28c1a0a048f3f5c060&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre4659b789099e4f28c1a0a048f3f5c060">@startgantt
title Today is %date(&#34;YYYY-MM-dd&#34;)
!$now = %now()
!$past = %date(&#34;YYYY-MM-dd&#34;, $now - 14*24*3600)
Project starts $past
today is colored in pink
[foo] lasts 10 days
[bar] lasts 5 days and starts %date(&#34;YYYY-MM-dd&#34;, $now + 4*24*3600)
[Tomorrow] happens %date(&#34;YYYY-MM-dd&#34;, $now + 1*24*3600)
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="369" height="172" class="scale" src="../imgw/dark-4659b789099e4f28c1a0a048f3f5c060.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
<em>[Ref. <a href="https://forum.plantuml.net/16285">QA-16285</a>]</em>
<a style="position:relative;top:-38px;" name="bf67c98062af1b9c"></a>
<div style="clear:both;height:50px;">
</div>
<!--heading--><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ru/gantt-diagram#37"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ru/gantt-diagram#37"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ru/gantt-diagram#37"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>Change Label position</h2>
<p></p>
<h3>The labels are near elements <em>(by default)</em></h3>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msgbd9908a80b3c7a7b49fca939f1865a63" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="imgbd9908a80b3c7a7b49fca939f1865a63" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;bd9908a80b3c7a7b49fca939f1865a63&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;bd9908a80b3c7a7b49fca939f1865a63&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;bd9908a80b3c7a7b49fca939f1865a63&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="prebd9908a80b3c7a7b49fca939f1865a63">@startgantt
[Task1] lasts 1 days
then [Task2_long_long_long] as [T2] lasts 2 days
-- Phase Two --
then [Task3] as [T3] lasts 2 days
[Task4] as [T4] lasts 1 day
[Task5] as [T5] lasts 2 days
[T2] -&gt; [T4]
[T2] -&gt; [T5]
[Task6_long_long_long] as [T6] lasts 4 days
[T3] -&gt; [T6]
[T5] -&gt; [T6]
[End] happens 1 day after [T6]&#39;s end
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="254" height="191" class="scale" src="../imgw/dark-bd9908a80b3c7a7b49fca939f1865a63.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
To change the label position, you can use the command <code class="cod">label</code>:
<p></p>
<p>
</p><div class="plantumlimg">
<img loading="lazy" src="http://cdn-0.plantuml.com/plantuml/png/SoWkIImgIKtAI-FAIKnApL6mLL3o0JFoyvHq53JKqpABYalKQzHp4e6Kfew2aa9oVavfRfwIWev2j7fYNeewI5LEQXf8KL5cUWPObRf2OavcUbvgYdgiDPT3QbuAs0O0"/>
</div>
<p>
</p><p></p>
<h3>Label on first column</h3>
<p></p>
<ul>
<li>Left aligned</li>
</ul>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg21cd32e328d8185f66da3c1d58153a78" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="img21cd32e328d8185f66da3c1d58153a78" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;21cd32e328d8185f66da3c1d58153a78&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;21cd32e328d8185f66da3c1d58153a78&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;21cd32e328d8185f66da3c1d58153a78&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre21cd32e328d8185f66da3c1d58153a78">@startgantt
Label on first column and left aligned
[Task1] lasts 1 days
then [Task2_long_long_long] as [T2] lasts 2 days
-- Phase Two --
then [Task3] as [T3] lasts 2 days
[Task4] as [T4] lasts 1 day
[Task5] as [T5] lasts 2 days
[T2] -&gt; [T4]
[T2] -&gt; [T5]
[Task6_long_long_long] as [T6] lasts 4 days
[T3] -&gt; [T6]
[T5] -&gt; [T6]
[End] happens 1 day after [T6]&#39;s end
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="279" height="191" class="scale" src="../imgw/dark-21cd32e328d8185f66da3c1d58153a78.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
<ul>
<li>Right aligned</li>
</ul>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg5a263d90fe8ed1d27b5cd45241118d79" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="img5a263d90fe8ed1d27b5cd45241118d79" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;5a263d90fe8ed1d27b5cd45241118d79&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;5a263d90fe8ed1d27b5cd45241118d79&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;5a263d90fe8ed1d27b5cd45241118d79&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre5a263d90fe8ed1d27b5cd45241118d79">@startgantt
Label on first column and right aligned
[Task1] lasts 1 days
then [Task2_long_long_long] as [T2] lasts 2 days
-- Phase Two --
then [Task3] as [T3] lasts 2 days
[Task4] as [T4] lasts 1 day
[Task5] as [T5] lasts 2 days
[T2] -&gt; [T4]
[T2] -&gt; [T5]
[Task6_long_long_long] as [T6] lasts 4 days
[T3] -&gt; [T6]
[T5] -&gt; [T6]
[End] happens 1 day after [T6]&#39;s end
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="279" height="191" class="scale" src="../imgw/dark-5a263d90fe8ed1d27b5cd45241118d79.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
<h3>Label on last column</h3>
<ul>
<li>Left aligned</li>
</ul>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msgcd9ba001d70598313980f85b31d2351a" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="imgcd9ba001d70598313980f85b31d2351a" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;cd9ba001d70598313980f85b31d2351a&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;cd9ba001d70598313980f85b31d2351a&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;cd9ba001d70598313980f85b31d2351a&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="precd9ba001d70598313980f85b31d2351a">@startgantt
Label on last column and left aligned
[Task1] lasts 1 days
then [Task2_long_long_long] as [T2] lasts 2 days
-- Phase Two --
then [Task3] as [T3] lasts 2 days
[Task4] as [T4] lasts 1 day
[Task5] as [T5] lasts 2 days
[T2] -&gt; [T4]
[T2] -&gt; [T5]
[Task6_long_long_long] as [T6] lasts 4 days
[T3] -&gt; [T6]
[T5] -&gt; [T6]
[End] happens 1 day after [T6]&#39;s end
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="270" height="191" class="scale" src="../imgw/dark-cd9ba001d70598313980f85b31d2351a.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
<ul>
<li>Right aligned</li>
</ul>
<p>
<table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top">
<div id="msg4100f0952fc7a27243a567364ba47be5" class="msg">
🎉 Copied!
</div>
<img loading="lazy" width="16" height="16" id="img4100f0952fc7a27243a567364ba47be5" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;4100f0952fc7a27243a567364ba47be5&#39;)"/>
<br/>
<img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;4100f0952fc7a27243a567364ba47be5&#39;)"/>
</td>
<td>
<div class="mytab" onclick="javascript:ljs(&#39;4100f0952fc7a27243a567364ba47be5&#39;)">
<div class="mycell0">
<code onmouseover="az=1" onmouseout="az=0"><pre id="pre4100f0952fc7a27243a567364ba47be5">@startgantt
Label on last column and right aligned
[Task1] lasts 1 days
then [Task2_long_long_long] as [T2] lasts 2 days
-- Phase Two --
then [Task3] as [T3] lasts 2 days
[Task4] as [T4] lasts 1 day
[Task5] as [T5] lasts 2 days
[T2] -&gt; [T4]
[T2] -&gt; [T5]
[Task6_long_long_long] as [T6] lasts 4 days
[T3] -&gt; [T6]
[T5] -&gt; [T6]
[End] happens 1 day after [T6]&#39;s end
@endgantt
</pre></code>
</div>
<div class="mycell">
<img loading="lazy" width="270" height="191" class="scale" src="../imgw/dark-4100f0952fc7a27243a567364ba47be5.png"/>
</div>
</div>
</td>
</tr>
</tbody></table>
</p><p>
</p><p></p>
<em>[Ref. <a href="https://forum.plantuml.net/12433/how-to-increase-width-of-day-in-gantt-diagram?show=13768#a13768">QA-12433</a>]</em>
</td>
<td id="toctd" valign="top" style="max-width:240px;min-width:240px;">
<!--toc-->
<div id="toc">
<ul>
<li><a href="gantt-diagram.html#3b08270062fb4659">Объявление задач</a>
</li><li><a href="gantt-diagram.html#9190f5166fb2bbbd">Определение даты начала и конца задачи в одной линии</a>
</li><li><a href="gantt-diagram.html#1e57c8ef5f923554">Добавление зависимостей</a>
</li><li><a href="gantt-diagram.html#53938f2731e4563e">Короткие имена</a>
</li><li><a href="gantt-diagram.html#13f8a7db2ec82b45">Изменение цветов</a>
</li><li><a href="gantt-diagram.html#d04b7d63a47f1eba">Процент выполнения</a>
</li><li><a href="gantt-diagram.html#e9c626b8a8b62de7">Этапы</a>
</li><li><a href="gantt-diagram.html#4026bdc02b3c0aad">Гиперссылки</a>
</li><li><a href="gantt-diagram.html#8ff922bbcd8ad41c">Календарь</a>
</li><li><a href="gantt-diagram.html#6e694f36e9b0b49d">Coloring days</a>
</li><li><a href="gantt-diagram.html#5543b277d72b0bac">Установка детализации диаграммы</a>
</li><li><a href="gantt-diagram.html#90cd3f3b75057b79">Увеличение (примеры для всех вариантов детализации)</a>
</li><li><a href="gantt-diagram.html#7dd159479c731763">Weekscale with Weeknumbers or Calendar Date</a>
</li><li><a href="gantt-diagram.html#fb3d47260146e696">Выходные дни</a>
</li><li><a href="gantt-diagram.html#75260b03434b2aa7">Зависимость размера недели от количества выходных дней в ней</a>
</li><li><a href="gantt-diagram.html#0220f9387f827dab">Working days</a>
</li><li><a href="gantt-diagram.html#fe214f6d179e0531">Упрощенный синтаксис для упорядочивания задач</a>
</li><li><a href="gantt-diagram.html#aa3233ceafb875a4">Работа с ресурсами</a>
</li><li><a href="gantt-diagram.html#a0c2f31706bfe9b2">Hide resources</a>
</li><li><a href="gantt-diagram.html#49ad47dd4798ef22">Разделитель</a>
</li><li><a href="gantt-diagram.html#734062b5eb5818fa">Vertical Separator</a>
</li><li><a href="gantt-diagram.html#9b905dab753004a4">Комплексный пример</a>
</li><li><a href="gantt-diagram.html#8413c683b4b27cc3">Комментарии</a>
</li><li><a href="gantt-diagram.html#f80ba0c004d810f7">Использование стилей</a>
</li><li><a href="gantt-diagram.html#c5aeee17b294caf8">Добавление заметок</a>
</li><li><a href="gantt-diagram.html#d55fb3062151b65c">Приостановка задач</a>
</li><li><a href="gantt-diagram.html#ca6909da4e1482ab">Change link colors</a>
</li><li><a href="gantt-diagram.html#fffe3b182c4bcb9a">Tasks or Milestones on the same line</a>
</li><li><a href="gantt-diagram.html#5be7259245e6c389">Highlight today</a>
</li><li><a href="gantt-diagram.html#767295c597d48825">Task between two milestones</a>
</li><li><a href="gantt-diagram.html#0b696c8cda6f8091">Grammar and verbal form</a>
</li><li><a href="gantt-diagram.html#40f14e0e6698daaf">Add title, header, footer, caption or legend</a>
</li><li><a href="gantt-diagram.html#4d2faf0127c09832">Removing Foot Boxes (example for all scale)</a>
</li><li><a href="gantt-diagram.html#d7e16ac6d5ccfb69">Language of the calendar</a>
</li><li><a href="gantt-diagram.html#dff50cbb5e941f52">Delete Tasks or Milestones</a>
</li><li><a href="gantt-diagram.html#5bdad9d34c90f24c">Start a project, a task or a milestone  a number of days before or after today</a>
</li><li><a href="gantt-diagram.html#bf67c98062af1b9c">Change Label position</a>
</li></ul>
</div>
</td>
</tr>
</tbody></table>


</p><p>

<!-- Ezoic - Natif02L - bottom_of_page -->
</p><span id="ezoic-pub-ad-placeholder-104"></span><!-- ezoic_pub_ad_placeholder-104-bottom_of_page-234x60-104-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-104-bottom_of_page-468x60-104-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-104-bottom_of_page-728x90-104-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-104-bottom_of_page-970x250-104-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-104-bottom_of_page-300x250x3-104-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-104-bottom_of_page-970x90-104-nonexxxnonexxxxxxezmaxscaleval100 -->
<!-- End Ezoic - Natif02L - bottom_of_page -->
</div>
<!-- https://css-tricks.com/almanac/properties/f/float/ -->
<!-- https://css-tricks.com/snippets/css/a-guide-to-flexbox/ -->


<style>
.btm {
text-align:center;
}
.btm a{
    text-decoration:none;
    color:#b0c0d0;
}
.btm a:hover{
    color:#8CB4FF;
}
</style>

<div class="btm">
<hr/>
<a href="https://g.ezoic.net/privacy/plantuml.com"><small>Privacy Policy</small></a>
    
<a href="../direct-sales.html"><small>Advertise</small></a>
<p>
</p></div><!--btm-->


<!--root-->

<!-- Start of StatCounter Code --><script type="text/javascript">
var sc_project=11129479; var sc_invisible=1; var sc_security="66ff16f1";
</script>
<script async="" type="text/javascript" src="https://www.statcounter.com/counter/counter.js"></script> <!-- End of StatCounter Code -->


<!--[selectrongo:done]--><script type="text/javascript">
				var __inScopeForCCPA = false;
		function __uspapi(command, version, callback) {
			var response = null;
			var successs = false;
			if (command === "getUSPData" && version === 1) {
				var uspString = "1"; // Version
				if (__inScopeForCCPA) {
					uspString += "N"; // Has Explicit Notice for Opt Out been provided (ex footer or minor consent modal)
					var result;
					var consentCookie = (result = new RegExp('(?:^|; )ezoccpaconsent=([^;]*)').exec(document.cookie)) ? (result[1]) : null;
					if (consentCookie === "nonconsent") {
						uspString += "Y";
					}
					else {
						uspString += "N";
					}
					uspString += "N" // Is pub a signatory to the IAB Limited Service Provider Agreement (http://www.iabprivacy.com/)
				}
				else {
					uspString += "---";
				}
				response = {
					uspString: uspString,
					version: 1
				};
				success = true;
			}
			return callback(response, success);
		};
		function __receiveUspapiMessage(event) {
			if (event.data.hasOwnProperty('__uspapiCall')) {
				__uspapi('getUSPData', 1, function(uspData, success) {
					event.source.postMessage({
						__uspapiReturn: {
							returnValue: uspData,
							success: success,
							callId: event.data.__uspapiCall.callId
						}
					},
					event.origin);
				});
			}
			return null;
		};
		window.addEventListener("message", __receiveUspapiMessage, false);
</script>
<script>__ez.queue.addFile('/tardisrocinante/vitals.js', '/tardisrocinante/vitals.js?gcb=2&cb=3', false, ['/parsonsmaize/mulvane.js'], true, false, true, false);</script>
<script>var _audins_dom="plantuml_com",_audins_did=173770;__ez.queue.addDelayFunc("audins.js","__ez.script.add", "//go.ezodn.com/detroitchicago/audins.js?cb=195-2");</script><noscript><div style="display:none;"><img src="https://pixel.quantserve.com/pixel/p-31iz6hfFutd16.gif?labels=Domain.plantuml_com,DomainId.173770" border="0" height="1" width="1" alt="Quantcast"/></div></noscript>
<script>__ez.queue.addFile('/beardeddragon/drake.js', '/beardeddragon/drake.js?gcb=2&cb=4', false, [], true, false, true, false);</script>
<script type="text/javascript" style='display:none;'>var __ez_dims = (function() {
		var setCookie = function( name, content, expiry ) {
			return document.cookie = name+'='+content+((expiry)?';expires='+(new Date(Math.floor(new Date().getTime()+expiry*1000)).toUTCString()):'')+';path=/';
		};
		var ffid = 1;
		var oh = window.screen.height;
		var ow = window.screen.width;
		var h = ffid === 1 ? oh : (oh > ow) ? oh : ow;
		var w = ffid === 1 ? ow : (oh > ow) ? ow : oh;
		var uh = window.innerHeight || document.documentElement.clientHeight || document.getElementsByTagName('body')[0].clientHeight;
		var uw = window.innerWidth || document.documentElement.clientWidth || document.getElementsByTagName('body')[0].clientWidth;
		setCookie('ezds', encodeURIComponent('ffid='+ffid+',w='+w+',h='+h), (31536e3*7));
		setCookie('ezohw', encodeURIComponent('w='+uw+',h='+uh), (31536e3*7));
	})();</script>
<script type='text/javascript' style='display:none;' async>__ez.queue.addFile('/parsonsmaize/chanute.js', '/parsonsmaize/chanute.js?a=a&cb=7&dcb=195-2&shcb=34', true, ['/parsonsmaize/mulvane.js'], true, false, false, false);</script>
<script type='text/javascript' style='display:none;' async>__ez.queue.addFile('/porpoiseant/jellyfish.js', '/porpoiseant/jellyfish.js?a=a&cb=10&dcb=195-2&shcb=34', false, [], true, false, false, false);</script></body></html>